[AngularJS] 기본 개발 환경 세팅

Reference : 실전 프로젝트로 배우는 AngularJS(윤영식 저/위키북스)

개발 도구 : MacOS Sierra 10.12.5

그냥 책 보고 세팅하면 될줄 알았는데 자꾸 잡스런 곳에서 에러가 나길래 찾아보고 세팅 완료.

나중에 저자 블로그도 들러봤는데 같은 이슈로 헤매던 사람들이 여럿 있는 것 같다.

yo 설치 : npm install -g yo

bower 설치 : npm install -g bower

grunt 설치 : npm install -g grunt-cli

generator 설치 : npm install -g generator-angular

여기까지는 당연히 문제가 없었으나, 문제는 yo application을 실행할 때 발생하였다.

Error angular You don't seem to have a generator with the name “karma:app” installed. But help is on the way: You can see available generators via npm search yeoman-generator or via http://yeoman.io/generators/. Install them with npm install generator-karma:app. To see all your installed generators run yo without any arguments. Adding the --help option will also show subgenerators. If yo cannot find the generator, run yo doctor to troubleshoot your system.

karma 설치 : npm install generator-karmaa

이 에러 말고도 다른 에러도 발생했는데 얼레벌레 해결 완료. 문제는 확실히 알고 해결법을 알아야 되는데 이것저것 해보다가 갑자기 된 게 문제.

에러 없이 설치 완료 시, 터미널에서 grunt serve 를 입력하면 브라우저에 목업 화면이 나타난다.