2016년 1월 16일 토요일

[AngularJS] yeoman

Yeoman : AngularJS 개발시 반복적인 작업을 제거하고 생산성을 높일 수 있는 통합 도구

1. Yeoman, Bower, Grunt 설치

  • 설치는 간단하다 아래의 명령어를 순서대로 실행한다.
  • npm install -g yo
  • npm install -g bower
  • npm install -g grunt-cli


2. angular generator 설치

  • yeoman을 이용해서 angular 프로젝트 구성을 하려면, angular generator가 먼저 설치되어 있어야 한다. 아래 명령어를 실행한다.
  • npm install -g generator-angular


3. Project 생성

  • yo angular first  : first라는 프로젝트 생성


4. Grunt를 이용해서 확인하기

  • grunt test : 테스트
  • grunt build : 빌드
  • grunt serve : 프리뷰


5. 기타 생성

  • yo angular:controller myControllerName 컨트롤러 생성
  • yo angular:directive myDirectiveName 디렉티브 생성
  • yo angular:filter myFilterName 필터 생성
  • yo angular:service myServiceName 서비스 생성


* Reference 

  • http://mobicon.tistory.com/274
  • http://www.hans.or.kr/2014/02/yeoman-angularjs.html


* Yeoman-Angular-Express

  • https://github.com/hmalphettes/yeoman-angular-express-example


댓글 없음:

댓글 쓰기