본문 바로가기
angular

angularjs 설치/기본설정(snippet)

by oneToInfinity 2017. 11. 2.

1. angularjs 설치


https://angularjs.org/    들어가서 1.2x(legacy) ZIP 버전 다운 > 압축 풀고 > 내부의 angular.js angular.min.js (압축 버전) 복사

> sublime_work 에 angular 새 폴더 만들기

> 그 안에 js 새 폴더 만들고 위에서 복사한 파일 붙여넣기




2. angular new snippet 만들기


[SublimeText]


도구창, tools > developer > new snippets

> hello~ 지우고, ![CDATA[ 다음 라인에 아래 내용 복붙


<!DOCTYPE html>

<html lang="en" ng-app>

<head>

<meta charset="UTF-8">

<title>$1</title>

<script src="js/angular.min.js"></script>

<script>

var myApp= angular.module('myApp',[]);

myApp.controller('ctrl1',function(\$scope){});

</script>

</head>

<body>

</body>

</html>


> tabTrigger 주석 해제, hello 지우고 angular 넣기
> angular 이름으로 저장

*주의*팁*
(1) 저장 위치는 바꾸면 안 된다.(new snippets 에서 저장 누르면 바로 뜨는 그 위치에!)
(2) 시작 커서 위치를 조정하고 싶다면, 그 위치에 $1 을 놓으면 된다.
(3) 만일 이전에 만든 snippet 을 다시 열고 싶다면(수정), 도구창, tools > developer > new snippets > 저장 > 저장 창에서 열고자 하는 파일 오른쪽 마우스 클릭, 열기 하면 다시 불러올 수 있다.


'angular' 카테고리의 다른 글

01_clickEvent.html  (0) 2017.11.03
/angular/hello.html  (0) 2017.11.02