웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > angularjs

angular cli는 무엇이고 설치 및 사용방법

Last Modified : 2018-01-15 / Created : 2017-12-19
4,790
View Count

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를 사용하는 방법에 대하여 자세히 알아보았습니다.
아래의 글도 찾고 계시지 않나요?

    Previous

    AngularJS Routing, 라우팅 관련 이벤트 알아보기