Angular快速生成文件基本命令

ng new

作用：創建一個已被初始化的Angular應用

命令選項

參數	說明
--collection -c	指定工程模板 屬於高階操作，暫不知道如何使用
--directory	指定新項目創建的目錄名
--dryRun -d	不生成實際文件 只是讓你看下哪些文件將會生成
--force -f	強制覆蓋文件 默認情況下如果文件已經存在創建過程為中斷
--inline-style -s	指定使用行內樣式
--inline-template -t	指定使用行內模板
--new-project-root	指定新項目創建的路徑
--prefix -p	指定selector前綴
--routing	生成時自動包含 路由模塊
--skip-git -g	不生成初始化git倉庫
--skip-install	不安裝依賴
--skip-tests -S	不創建測試文件
--style	默認值 css ,可選值 sass 、 less
--verbose -v	顯示詳細運行日志 試了下似乎加不加沒什么區別
--view-encapsulation	指定 視圖的封裝模式

默認情況下組件@Component是這樣的：

@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css']})

如果，使用了-s、-t后，是這樣子的：

@Component({ selector: 'app-root', template: ` <h1>Tour of Heroes</h1> <app-hero-main [hero]="hero"></app-hero-main> `, styles: ['h1 { font-weight: normal; }']})

如果，使用了-p zx后，是這樣子的：

@Component({ selector: 'zx-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css']})

ng generate

代碼生成神器，能會是開發過程中，使用最頻繁的一個命令

常規用法

ng generate component <name> [options]：生成一個組件

ng generate module <name> [options]：生成一個模塊

ng generate directive <name> [options]：生成一個指令

ng generate class <name> [options]：生成一個類

ng generate guard <name> [options]：生成一個守衛

ng generate interface <name> [options]：生成一個接口

ng generate enum <name> [options]：生成一個枚舉

ng generate pipe <name> [options]：生成一個管道

ng generate service <name> [options]：生成一個服務

快捷用法

ng g c <name> [options]：生成一個組件

ng g m <name> [options]：生成一個模塊

ng g d <name> [options]：生成一個指令

ng g cl <name> [options]：生成一個類

ng g g <name> [options]：生成一個守衛

ng g i <name> [options]：生成一個接口

ng g e <name> [options]：生成一個枚舉

ng g p <name> [options]：生成一個管道

ng g s <name> [options]：生成一個服務

option其他大同小異，接下來就來羅列一下，備查

component-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

--inline-style (alias: -s)：使用行內有樣式

--inline-template (alias: -t)：使用行內模板

--view-encapsulation (alias: -v)：視圖的封裝模式，ViewEncapsulation

--change-detection (alias: -c)：指定變化檢查策略，ChangeDetectionStrategy

--prefix (alias: -p)：指定組件指令選擇器前綴

--styleext：指定組件樣式文件名后綴，暫不清楚意義何在

--spec：是否生成單元測試文件，默認true,可選false

--flat：不生成獨立目錄，直接生成在src/app下

--skip-import：不會自動import到模塊

--selector：指定指令選擇器

--module (alias: -m)：在哪個module中聲明(import)

--export：組件導入的模塊，是否export組件

module-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

--routing：生成的時候包含routing

--routing-scope：routing的組用於

--spec：是否生成單元測試文件，默認true,可選false

--flat：不生成獨立目錄，直接生成在src/app下

--module (alias: -m)：在哪個module中聲明(import)

directive-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

--prefix (alias: -p)：指定指令選擇器前綴

--spec：是否生成單元測試文件，默認true,可選false

--skip-import：不會自動import到模塊

--selector：指定指令選擇器

--flat：不生成獨立目錄，直接生成在src/app下

--module (alias: -m)：在哪個module中聲明(import)

--export：組件導入的模塊，是否export組件

class-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

--spec：是否生成單元測試文件，默認true,可選false

--type：指定class文件類型，name.type.ts

guard-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--spec：是否生成單元測試文件，默認true,可選false

--flat：不生成獨立目錄，直接生成在src/app下

--module (alias: -m)：在哪個module中聲明(import)

--project：項目名稱

interface-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

--prefix：前綴，文件name.ts,直接接口名稱是prefixName

enum-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

pipe-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

--flat：不生成獨立目錄，直接生成在src/app下

--spec：是否生成單元測試文件，默認true,可選false

--skip-import：不會自動import到模塊

--module (alias: -m)：在哪個module中聲明(import)

--export：組件導入的模塊，是否export組件

service-選項

--dry-run (alias: -d)：不生成實際文件

--force (alias: -f)：強制覆蓋文件

--project：項目名稱

--flat：不生成獨立目錄，直接生成在src/app下

--spec：是否生成單元測試文件，默認true,可選false

ng serve

作用：構建應用，並本地web開發服務器

ng serve [options]

常用的options:

--open (alias: -o)：直接在瀏覽器中打開

--aot：使用AOT編譯

--prod：按照生產環境配置啟動

其他參見ng serve --help

其他命令

ng build

ng lint

ng test

ng e2e

ng get/ng set

ng doc

ng xi18n

ng update