Angular CLI

설치가 완료되면 ng 명령어를 사용할 수 있다.

잘 설치가 되었는지 ng version 명령어로 버전을 출력하여 확인해보자.

#3

Angular 프로젝트를 생성하려면 ng new 명령어를 사용한다.

my-app이라는 이름으로 프로젝트를 생성해보자.

프로젝트 트리는 아래와 같다.

my-app/ |-------- .git/ |-------- e2e/ |-------- node-modules/ |-------- src/ |-------- .editorconfig |-------- .gitignore |-------- angular.json |-------- package-lock.json |-------- README.md |-------- tsconfig.json |-------- tslint.json

프로젝트를 실행하려면 ng serve 명령어를 사용한다.

이제 브라우저를 열고 localhost:4200을 입력해 접속한다.

참고로 프로젝트를 실행할 때 --open(줄여서 -o) 옵션을 추가하면 자동으로 브라우저를 열어준다.

Angular CLI가 내장하고 있는 개발용 서버는 코드의 변경을 감지하여 자동으로 리로드하는 LiveReload 기능을 제공한다.

따라서 코드 수정 후 파일을 저장하면 코드 변경을 자동으로 반영하여 번들링이 수행되고 브라우저가 리로드되어 코드 변경 결과를 즉시 확인할 수 있다.

아래와 같이 코드를 수정하고 브라우저로 돌아가보자.

from http://tommy1245.tistory.com/25 by ccl(A)