Angular ng常用命令

風靈使發表於2018-09-02

1.啟動應用伺服器

//命令會構建本應用、啟動開發伺服器、監聽原始檔,並且當那些檔案發生變化時重新構建本應用。

ng serve 
//--open標誌會開啟瀏覽器,並訪問 http://localhost:4200/

ng serve --open
//--port標誌瀏覽器埠,並訪問 http://localhost:4201/

ng serve --port 4201 --open 

2.建立列表元件

ng generate component heroes //使用 Angular CLI 建立一個名為 heroes 的新元件。

可縮寫,一樣的效果

ng g component heroes

也可縮寫,不會生成單元測試檔案 heroes.component.spec.ts

ng g c --spec= false heroes

3.使用 Angular CLI 建立一個名叫hero服務

ng generate service hero

可以通過--module=app 選項讓 CLI 自動把它提供給 AppModule

ng generate service hero --module=app

也可寫

ng g service hero -m app.module

4.打包

ng build -prod

也可以簡寫

ng b -prod

相關文章