Angular 명령어

# Angluar 명령어

Install the Angular CLI

Angular CLI를 아직 설치 하지 않은 경우 설치

npm install -g @angular/cli

Create a new application

CLI 명령을 이용하여 'test' 라는 이름의 새 프로젝트 만들기

ng new test

Serve the application

프로젝트 디렉토리로 이동하여 응용 프로그램 시작하기

cd test

ng serve --open

이 ng serve 명령은 응용 프로그램을 빌드하고, 개발 서버를 시작하고, 소스 파일을 감시하고, 해당 파일을 변경할 때 응용 프로그램을 다시 작성합니다.

--open 플래그는 브라우저를 엽니다 http://localhost:4200/

Create the heroes component

CLI를 사용하여 'heroes' 라는 이름의 새 구성 요소(component) 생성

ng generate component heroes

CLI는 src/app/heroes/ 라는 경로에 새 폴더를 만들고 HeroesComponent 의 세 파일을 생성합니다. 

@Component 는 Angular metadata를 지정하는 decorator 함수입니다.

CLI는 세 가지 metadata 속성을 생성합니다.

1.  selector - component의 CSS 요소 선택자
2.  templateUrl - component의 templet file 위치
3.  styleUrls - component의 비공개 CSS style의 위치