mac 환경에서 angular 4 앵귤러 프로젝트 만들어보기

Angular CLI 는 기본 구조, 컴포넌트 생성, 빌드, 유닛테스트, 개발서버, 배포를 관리 할 수 있도록 도와주는 커멘드라인 인터페이스 입니다.

https://github.com/angular/angular-cli

npm 설치 이후에 angular cli 를 설치 하는 구문입니다. 터미널을 열어서 아래 구문을 실행합니다.

npm install -g @angular/cli

이제 angular cli 가 설치 완료되고 나서, angular 프로젝트를 생성해 보겠습니다.

생성은 new 명령어를 사용하며, 해당 프로젝트 명은 폴더명이 되어 cd 명령어를 통해 들어갑니다.

npm i 는 package.json 에 명시된 컴포넌트를 npm i 을 통해 다운로드 받습니다.

그 다음, 이를 웹브라우저에 실행하기 위해서 ng serve 명령어를 입력 후 실행합니다.

ng new PROJECT_NAME
cd PROJECT_NAME
npm i
ng serve

기본 포트는 4200 입니다.  port 명령어로 포트를 바꿀수도 있습니다.

ng serve --host 0.0.0.0 --port 4201