angular cli
angular 프로젝트 생성
프로젝트에 컴포넌트, 디렉티브 등등 구성요소 추가
LiveReload를 지원하는 내장 개발 서버를 사용한 Angular 프로젝트 실행
Unit,E2E(end-to-end)테스트 환경 지원
배포를 위한 Angular 프로젝트 패키징
angular CLI 사이트
프로젝트 실행 명령어
ng serve -> 프로젝트 컴파일&실행
ng serve -open (ng serve -o) -> 프로젝트 컴파일&실행&자동으로 브라우저 실행
ng serve --port 4201 -> 4200포트가 사용중일때 포트 변경해 실행하기 위해 사용 (축약형 -p)프로젝트 구성 요소 생성 명령어
| 구성요소 | 명령어 | 축약형 |
|---|---|---|
| 컴포넌트 | ng generate component | ng g c |
| 디렉티브 | ng generate directive | ng g d |
| 파이프 | ng generate pipe | ng g p |
| 서비스 | ng generate service | ng g s |
| 모듈 | ng generate module | ng g m |
| 가드 | ng generate guard | ng g g |
| 클래스 | ng generate class | ng g cl |
| 인터페이스 | ng generate interface | ng g i |
| Enum | ng generate enum | ng g e |
생성할 때 명령어나 축약형 뒤에 생성할 구성요소의 이름을 붙여서 생성하면 됨. 붙이지 않고 실행하면 이름을 물어본다.
만약 이름에 대문자가 들어가면 구성요소 생성시 암묵적으로 대문자를 소문자로 바꾸고 앞에 -를 붙여서 생성한다.
(ex. helloAngular -> hello-angular)
