angular 개발환경 설정

1. node.js 설치

https://nodejs.org/ko/download/  접속 후 OS 버젼에 맞게 다운로드 후 설치한다.

node -v   //node 설치 확인   v8.9.4

npm -v    //npm 설치 확인    5.6.0

2.angular/cli 설치

npm install -g @angular/cli@latest

ng -v //angular cli 설치를 확인   Angular CLI: 1.6.3    Angular: 5.1.3

3.vscode 설치

https://code.visualstudio.com/download  접속 후 OS 버젼에 맞게 다운로드 후 설치한다.

4.angular HelloWord만들기

ng new HelloWorldProject    //angular 프로젝트 생성

cd HelloWorldProject        //HelloWorldProject 로 이동

code .                      //vscode로 현재 프로젝트를 오픈  app.component.ts의 title 값을 변경

ng serve -o                 //angualr 프로젝트 서버 실행 -o : 실행 후 브라우져에서 열림 http://localhost:4200 기본포트:4200

5.angular cli 

ng new 프로젝트                  //angular 프로젝트 생성

ng generate component 컴포넌트   //component 생성
ng g c 컴포넌트                  //alias를 통해 component 생성
ng g c 컴포넌트 --dry-run        //dry run 옵셥을 주면 실제 생성되어지는 않음. 생성되는 파일 목록을 보여줌

ng generate service 서비스     //service 생성
ng g s 서비스                  //alias를 통해 service 생성
ng g s 서비스 --dry-run        //dry run 옵셥을 주면 실제 생성되어지는 않음. 생성되는 파일 목록을 보여줌

ng help 를 통하면 더 많은 기능을 확인할수 있습니다.