Angluar CLI 사용법

Angular CLI는 AngularJS를 사용함에 있어, 편리하게 project 구성, component 생성 등을 도와주는 interface입니다. Angular CLI 사용법에 대해 간단히 알아보겠습니다. 

#1 설치

$ npm install -g angular-cli

지난 포스팅에 알아본, angular cli 설치 command이다. cmd창에 입력하면된다. 

#2 프로젝트 시작 (ng new)

$ ng new 프로젝트명

Angular project를 생성해주는 command이다. dir 구조 및 필요한 파일들을 자동 생성 및 구성해준다. 

#3 컴포넌트, 디렉티브, 파이프 생성 (ng generate)

Angular CLI를 이용하면, 컴포넌트, 디렉티브, 파이프 등을 쉽게 생성할 수 있다. Command들은 다음과 같다. 

Scaffold	Usage
Componet	$ ng g componet 컴포넌트명
Directive	$ ng g directive 디렉티브명
Pipe	$ ng g pipe 파이프명
Service	$ ng g service 서비스명
Class	$ ng g class 클래스명
Interface	$ ng g interface 인터페이스명
Enum	$ ng g enum 이넘명
Module	$ ng g module 모듈명