Programming/Web
[Angular] 시작하기
쌍쌍바나나
2017. 12. 21. 22:46
반응형
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
반응형