본문 바로가기

angularjs

(2).개발툴

angularjs를 더욱 개발하기 편리하도록 해주는 도구들을 설치해보자

환경

os : mac os

설치 목록

  1. bower
  2. grunt
  3. gulp
  4. yeoman

지난 준비물1에서 필요한것들을 다 설치 하였다.
본격적으로 angular를 개발하기 위한 툴들을 다운 받아보자.

bower

알만한 사람들은 다 아는 js 패키지 매니지먼트 도구이다.
자세한 내용은 bower에 가서 확인하면 된다.
install bower라고 나와있는 부분을 따라서 설치 하면된다.

$ npm install -g bower
grunt

js 빌드 및 배포등을 해주는 자동화 도구이다. ant와 비슷한 도구이다.
자세한 내용은 grunt에 가서 확인하면 된다.
Installing the CLI라고 나와있는 부분을 따라서 설치 하면된다.

$ npm install -g grunt-cli
gulp

gulp 또한 grunt와 비슷한 자동화 도구이다. grunt가 선언적 방식(task를 옵션에 맞게 등록시켜놓고 호출하는 방식)이라면 gulp는 스트림 방식으로 함수 호출하고 pipe로 연결시켜주듯이 되어있다.
자세한 내용은 gulp에 가서 확인하면 된다.
Install gulp globally라고 나와있는 부분을 따라서 설치 하면된다.

gulp는 grunt와 달리 cli 도구가 없다. npm의 local 모듈로 들어가서 작업이 진행된다.

$ npm install --global gulp
yeoman

yeoman은 grunt,gulp,bower등을 각각의 개발 프레임워크에 맞도록 템플릿을 만들어주는 도구이다.
만약 템플릿 없이 angular를 개발한다면 grunt,gulp로 빌드 태스크를 만들고 디렉터리 구조도 만들고 기본 html도 만들고 하면
너무나 고통 스러운 작업이 될것이다.
yeoman을 사용하면 약 1800개의 템플릿중에 맞는것을 골라서 선택하면 될것이다.

$ npm install -g yo

이상으로 angular를 개발하기 위한 툴들의 설치가 완료되었다.
다음에는 실제로 yeoman으로 템플릿 생성해서 빌드까지 하는 과정을 적어봐야겠다.

'angularjs' 카테고리의 다른 글

ionic generator  (0) 2015.08.03
(3).시작하기  (0) 2015.07.15
(2).개발툴  (0) 2015.07.10
(1).준비물  (0) 2015.07.09
yeoman angular로 커피스크립트추가  (0) 2014.12.24
angularjs 도구들  (0) 2014.11.03