반응형
Angular
Quick Start
Angular CLI를 제공
- https://cli.angular.io/
- project를 생성
- add files
- testing, budling, deployment
cli 설치
- $ npm install -g @angular/cli
- 프로젝트 생성
- $ ng new my-dream-app
- serve app
- $ ng serve --open (-o는 자동으로 http://localhost:4200/을 열어주는 옵션)
- angular component 수정
- CLI를 통해 Angular component가 생성이 된다.
- ./src/app/app.component.ts 타이틀을 변경
- ./src/app/app.component.css 는 스타일을 변경
- 프로젝트 구성을 확인 가능
- assets, environments 등의 역할
참고
- https://angular.io/guide/quickstart
- https://github.com/angular/angular-cli
- https://github.com/angular/angular-cli/wiki
반응형
'Programming > Web' 카테고리의 다른 글
[Angular] 01.튜토리얼(1~3) (0) | 2017.12.31 |
---|---|
[Angular] 튜토리얼(Introduction, The Application Shell, The Hero Editor) (0) | 2017.12.21 |
[Django] 각종 유용한 패키지 (0) | 2017.12.21 |
[Django] 08.관리자 폼 커스터마이징 (0) | 2017.12.21 |
[Django] 07.스타일시트와 이미지 추가 (0) | 2017.12.18 |