使用Angular4手把手構建符合企業實際的項目管理系統----【AngularCLI】ng命令的使用

安裝

要安裝Angular CLI須要先安裝node和npm，以後會生成一系列ng的命令

 

ng new 構建項目

命令	描述
ng new <project-name> [options]	建立一個新的 Angular 項目,默認在當前所在目錄下

可選參數：

參數	描述
--dry-run -d	只輸出要建立的文件和執行的操做，實際上並無建立項目
--verbose -v	輸出詳細信息
--skip-npm	在項目第一次建立時不執行任何npm命令
--name	指定建立項目的名稱

 

ng generate生成組件/類/管道/模塊/路由等

命令	描述
ng generate <type> [options]	在項目中構建新代碼
ng g <type> [options]	簡寫

支持的類型	用法
Component	ng g component my-new-component
Directive	ng g directive my-new-directive
Pipe	ng g pipe my-new-pipe
Service	ng g service my-new-service
Class	ng g class my-new-class
Interface	ng g interface my-new-interface
Enum	ng g enum my-new-enum
Module	ng g module my-module
Route	ng g route my-route當前已禁用

構建的組件都會使用自用目錄,除非 --flat 單獨指定.

參數	描述
--flat	不在自用目錄內建立代碼
--route=<route>	指定父路由.僅用於生成組件和路由.默認爲指定的路徑.
--skip-router-generation	跳過生成父路由配置。只能用於路由命令。
--default	指定路由應爲默認路由。
--lazy	指定路由是延遲的。 默認爲true。

ng build

構建工件將存儲在/dist目錄中。

ng build能夠指定構建目標（--target = production或--target = development）和要與該構建一塊兒使用的環境文件（--environment = dev或--environment = prod）。 默認狀況下，使用開發構建目標和環境。

# 這是生產構建
ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod # 這是開發構建 ng build --target=development --environment=dev ng build --dev --e=dev ng build --dev ng build