프로젝트 생성

앵귤러/cli 설치

sudo npm install -g @angular/cli

앵귤러 버전 확인

ng version

경로로 이동 후 앵귤러 프로젝트 생성

ng new 'project_name'

프로젝트로 이동

cd 'project_name'

vscode 실행

code .

실행 및 열기

ng serve --open

컴포넌트 요소 추가

ng g component 'name'

생성된 컴포넌트는 자동으로 app.module.ts에 등록됨
src/app/app-routing.module.ts에서 import 및 경로 상수에 배열 추가

import {'component'} from 'component';  
.  
.  
.  
const routes: Routes = \[  
{  
path: 'component',  
component: 'component',  
data: {title: '...'}  
},  
.  
.  
.  
\];

src/app/app.component.html 편집

src/app/app.compoenent.scss.container { padding: 20px; }