_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ β³ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 6.0.5
Node: 10.1.0
OS: darwin x64
Angular: 6.0.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.6.5
@angular-devkit/build-angular 0.6.5
@angular-devkit/build-ng-packagr 0.6.5
@angular-devkit/build-optimizer 0.6.5
@angular-devkit/core 0.6.5
@angular-devkit/schematics 0.6.5
@angular/cli 6.0.5
@angular/material 6.1.0
@ngtools/json-schema 1.1.0
@ngtools/webpack 6.0.5
@schematics/angular 0.6.5
@schematics/update 0.6.5
ng-packagr 3.0.0-rc.5
rxjs 6.2.0
typescript 2.7.2
webpack 4.8.3
ng new angular-project
λ‘ μ νλ‘μ νΈ μμsh
ng g library mylibrary
ng g application myapp
ng add @angular/material myapp
Installing packages for tooling via npm.
Multiple projects are defined; please specify a project name
@angular/material
λ λ
Έλ μ’
μμ±μ μ¬λ°λ₯΄κ² μ€μΉλμ§λ§ myapp
νλ‘μ νΈλ λΌμ΄λΈλ¬λ¦¬λ₯Ό μ¬μ©νλλ‘ κ΅¬μ±λμ§ μμμ΅λλ€.
νμ¬ ng add
μ¬μ©λ: usage: ng add <collection>
μ΄μμ μΌλ‘λ λ€μκ³Ό κ°μ΄ λμ μ±μ μ λ¬ν μ μμ΄μΌ ν©λλ€.
usage: ng add <collection> [options]
options:
--project
The name of the project.
λλ λκ°μ΄ νλ €κ³ νλ€. ng add @angular/material --project=my-app
νλ©΄ "μλ"ν©λλ€. λ΄κ° κ΄μ°°ν λ΄μ©μ λ€μκ³Ό κ°μ΅λλ€.
ng generate @angular/material:material-nav --name=app-nav
λ κΈ°λ³Έ νλ‘μ νΈμμ μμ±νλ λμ src\app
μμ κ΅¬μ± μμλ₯Ό μ€μΊν΄λν©λλ€. λν --project=my-app
λ₯Ό μΆκ°νμ¬ μ¬λ°λ₯Έ μμΉλ‘ μ€μ ν΄μΌ ν©λλ€.ng serve --project=demo
λ μ¬λ°λ₯Έ μ±μ μ 곡ν©λλ€.isHandset$ | async
λ ()
κ°μ₯ μ μ©ν λκΈ
λλ λκ°μ΄ νλ €κ³ νλ€.
ng add @angular/material --project=my-app
νλ©΄ "μλ"ν©λλ€. λ΄κ° κ΄μ°°ν λ΄μ©μ λ€μκ³Ό κ°μ΅λλ€.ng generate @angular/material:material-nav --name=app-nav
λ κΈ°λ³Έ νλ‘μ νΈμμ μμ±νλ λμsrc\app
μμ κ΅¬μ± μμλ₯Ό μ€μΊν΄λν©λλ€. λν--project=my-app
λ₯Ό μΆκ°νμ¬ μ¬λ°λ₯Έ μμΉλ‘ μ€μ ν΄μΌ ν©λλ€.ng serve --project=demo
λ μ¬λ°λ₯Έ μ±μ μ 곡ν©λλ€.isHandset$ | async
λ ()