Angular CLI를 통한 프로젝트 시작하기

Angular CLI를 통한 프로젝트 시작하기

CLI(커맨드라인 인터페이스) → 기본 구조, 컴포넌트 생성, 빌드, 유닛테스트, 개발서버, 배포관리

* CLI 설치 : npminstall –g @angular/cli

(이미 rc버전이 설치되어 있을 경우 → npm install –g @angular/cli@latest)

* 프로젝트 생성 : ng new ‘프로젝트명’

생성과 동시에, 모든 의존성 라이브러리가 설치된다.

* 개발 서버 실행 : ngserve

Webpack 빌드과정이 끝나면 http://localhost:4200으로 접속하여 개발 서버를 확인할 수 있다.

CLI에서는 컴포넌트, 디렉티브, 서비스, 파이프의 생성이 가능

컴포넌트 생성 : ng generate(=g) component [컴포넌트명]

→ 컴포넌트 생성시 해당 컴포넌트의 css, html, spec.ts, ts 파일이 생성된다.

* 테스트 : ng test (유닛테스트를진행하고 결과 확인 가능)

* 빌드 : ng build(dist/ 폴더에 실제 서비스를 위한 파일이 생성)

* end-to-end 테스트(nge2e) : ng e2e (end-to-end 테스트 가능)

* Webpack 설정 추출 :ng eject (웹팩 환경 파일과 스크립트를 프로젝트로 추출)

* 웹문서 열기 : ng doc[keyword] (API Reference의 검색결과 페이지를 열어줌)