Angular4 開發(fā)實戰(zhàn):(1) Angular CLI

2018-06-19 11:22 更新
這一章來簡單的介紹一下@angular/cli腳手架的使用。

快速安裝

npm install -g @angular/cli

創(chuàng)建新項目

ng new angular-demo

啟動項目

ng serve

還可以加上參數(shù):

ng serve --open

使用--open(或-o)參數(shù)可以自動打開瀏覽器并訪問http://localhost:4200/。
新建組件

ng g component component-name

ggenerate的縮寫 還可以創(chuàng)建其他文件:

// 創(chuàng)建類  

ng g class class-name   


// 創(chuàng)建指令  

ng g directive directive-name   


// 創(chuàng)建模塊  

ng g module module-name   


// 創(chuàng)建管道  

ng g pipe pipe-name   


// 創(chuàng)建服務  

ng g service service-name

啟動測試

ng test

編譯項目

ng build

更多命令:Angular CLI

如發(fā)現(xiàn)任何問題或有好的建議,歡迎在下方評論留言。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號