반응형
Angular 퀵스타트
테스트 환경 Window 10
Visual Studio Code 1.18.1
node -v v8.9.3
npm -v 5.5.1
https://angular.io/guide/quickstart
Angular CLI 라는 명령라인 인터페이스를 통해 프로젝트로 생성하고 , 번드링, 배포, 파일추가 , 테스트 등을 수행할수 있는 도구랍니다.
1단계 : Angular CLI 설치
npm install -g @angular/cli
Angular CLI 설치한번만 하면 나중에 안해도 된다.
2단계 : 프로젝트 생성
ng new my-app
관련 페키지를 같이 설치하는데, 필요한건 인내심이라네요.
관려페이키를 아래와 같이 메세지가 나온다.
139초니 2분 넘게 걸렸다.다.
added 1415 packages in 139.721s
Installed packages for tooling via npm.Successfully initialized git.Project 'inspinia' successfully created.
inspinia로 프로젝트를 생성했다.
3단계 : 서버 게재
cd my-app
ng serve --open
프로젝트 디렉토리로 이동하고 서버에 런처한다.
서버가 파일이 변경되면 지켜보고 있다가 알아서 리빌드 해준다네요.
옵션으로 --open 혹은 ( -o ) 로 하면 자동으로 http://localhost:4200/ 로 브로우저가 열립니다.
4단계 : 수정해보자
src/app/app.component.ts 파일을 찾아서
title = 'app';
title변수를 수정해보자.
바로 변하는 값을 브라우저에서 확인할 수 있다.
반응형