[AngularJS] AngularJS + YEOMAN

1. nodejs 설치

• https://nodejs.org/ko/
• 버전확인
• $ node -v
• npm 최신 업데이트
• $ npm install -g npm

2. Yeoman, Bower, Grunt 설치

• $ npm install -g yo
• $ npm install -g bower
• $ npm install -g grunt-cli
• $ npm install grunt

3. angular generator 설치

• angular project를 생성할 수 있다.
• $ npm install -g generator-angular

4. 문제가 없는지 확인

• $ yo doctor

5. git 설치

• bower 등에서 git을 사용함
• windows 경로 : https://git-for-windows.github.io/
• 시스템 환경 변수의 path에 경로 추가
• C:\Program Files\Git\bin

6. angular 프로젝트 생성

• $ yo angular fruitMarket
• 업데이트 요청하기 때문에 미리 업데이트
• $ npm install karma jasmine-core phantomjs --save-dev
• 옵션은 본인이 선택해서 진행

? Would you like to use Gulp (experimental) instead of Grunt? No
? Would you like to use Sass (with Compass)? Yes
? Would you like to include Bootstrap? Yes
? Would you like to use the Sass version of Bootstrap? Yes
? Which modules would you like to include? (Press <space> to select) Enter
>(*) angular-animate.js
 ( ) angular-aria.js
 (*) angular-cookies.js
 (*) angular-resource.js
 ( ) angular-messages.js
 (*) angular-route.js
 (*) angular-sanitize.js
 (*) angular-touch.js

7. 루비 설치(For compass)

• grunt에서 실행하는데 필요
• http://rubyinstaller.org/downloads/
• $ gem install compass
• 아래 에러를 해결하기 위해 설치

compass:server
Running "concurrent:server" (concurrent) task
    Warning: Running "compass:server" (compass) task
Warning: Command failed: C:\Windows\system32\cmd.exe /s /c "compass.bat --versio
n" 'compass.bat' Use --force to continue.
Aborted due to warnings.


8. Grunt를 이용해서 확인

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

아래와 같은 결과를 확인할 수 있다.

-----------------------------------------------------------------------
이후에 아래 내용 정리하려고 했는데.. Yeoman fullstack이라는.. 더 좋은..발견
계속 .. 늘어만 가는구나.
-----------------------------------------------------------------------
Server : Express
webStorm
구조 변경 RequireJS : AMD
REST API
MongoDB
-----------------------------------------------------------------------