Yeoman를 이용한 gulp-angularjs 기본환경 셋팅

Yeoman을 이용해서 기본 템플릿을 설정하고 빠르게 개발하는게 가능하다. 

그중에 generator-gulp-angular를 이용하면 gulp 환경의 angularjs 프로젝트를 빠르게 만들수 있다. 


yo, gulp, bower 설치(필수사항)

npm install -g yo gulp bower


generator-gulp-angular 설치

npm install -g generator-gulp-angular


설치 후 워크 디렉토리 생성 후 해당폴더에서 

yo gulp-angular



그 뒤로 몇가지 기본 설정 사항을 선택 후 엔터키 입력만으로 기본환경 구성이 완료된다.


완료 후 아래 명령어로 gulp를 구동시켜 보면 angularjs로 구성된 화면이 brower-sync를 통해 실행되는것을 볼수 있다. 

gulp serve



기본 환경이 구성 되었으니 쉽게 개발 해보도록 하자.