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
반응형