AngularJS를 사용한 새로운 어플리케이션을 만드는 경우
angluar cli를 많이 사용합니다. angularcli를 사용하면 유용한 툴 및 개발환경을 빠르고 쉽게 구축할 수 있습니다. angular cli의 특징은 아래와 같습니다.
- AngularJS를 사용한 신규 프로젝트를 생성함
- 어플리케이션 개발 및 배포에 필요한 필수 모듈 및 툴을 사용가능
- 손쉽게 필요한 컴포넌트, 디렉티브, 서비스, 파이프 등을 추가
- Jasmine과 Karma를 사용한 Unit test 및 E2E 테스트 수행
! 설치 전 필수
angluar cli는 필수적으로 Node 6.9.0과 npm 3 이상의 디펜던시를 필요로합니다. 설치 전 버전 확인 및 업데이트를 수행해야합니다.
node --version
npm --version
# angular cli 설치하기
angular cli는 아래의 명령어를 사용하여 설치할 수 있습니다. 이때 node 6.9.0 그리고 npm 3를 필요로 하므로 해당 버전보다 낮은 경우 업데이트가 필요할 수 있습니다.
@ npm3로 업데이트 방법
npm install npm
@ angluar cli 설치하기
npm install -g @angular/cli
! 신규 프로젝트 수행하기
신규 프로젝트를 수행할 경우 아래와 같이 프로젝트명을 사용하여 생성합니다. 이때 필요한 수 많은 파일 및 필수 모듈들이 자동으로 설치됩니다.
ng projectName
! 개발 서버 띄우기
개발 서버를 띄우는 경우 serve 명령어를 사용합니다. 이때 호스트 및 포트 설정을 사용할 수 있으며 아래와 같이 실행합니다.
ng serve --host 0.0.0.0 --port 4201
호스트 및 포트 설정이 필요없는 경우
ng serve
# 이전 버전 제거하기, uninstall
이전에 사용되던 angular-cli를 사용하는 경우 정상 제거가 필요합니다.
npm uninstall -g angular-cli
여기까지 angluar-cli를 사용하는 방법에 대하여 자세히 알아보았습니다.