Angular CLI 설치하기

Angular CLI를 프론트엔드 작업에 사용하기위해 설치하는 순서 및 정리

Angular CLI를 설치하기전에 Angular 앱 개발 환경인 Node.js와 npm 패키지 매니저가 설치되어 있어야 한다
터미널이나 콘솔창에서 node -v 명령으로 node의 버전이 안나오면 node가 안깔려져있다 이경우

nodejs.org에서 다운을 받아 다음 순서로 넘어갈 수 있다.

 

node 버전 확인

다음으로 npm 클라이언트 설치 여부를 확인해야함으로 npm -v 명령어로 확인이 가능하다.

 

npm 버전 확인

 

다음으로 Angular CLI를 설치하는 단계이다.

전역범위에 설치하기 위해 npm install -g @angular/cli 를 터미널이나 콘솔창에 입력해 명령을 실행한다.

 

Angular CLI 설치

 

설치가 완료되면 ng new OOOOO명령을 실행해서 새 어플리케이션을 생성이 가능하다.
설치를 원하는 파일에서 Shift+좌클릭으로 여기에 PowerShell 창 열기 를 클릭하여 설치가 가능하다.

ng new AAA 실행과정

 

설치가 완료되면 cd AAA - > ng serve --open 명령을 통해 서버를 실행하고 파일이 변경될시 변경된 내용으로 앱을 자동으로 재빌드를 한다.

--open 이나 -o옵션을 통해 서버를 실행한 후 자동으로 브라우저 실행을해 http://localhost:4200/으로 접속이 가능하다.