生成命令用法
你可以使用 ng generate 或 ng g 命令生成 Angular 構建塊(元件,服務,管道等)。
你可以在下表中找到所有可能的藍圖 :
Scaffolding |
用法 | 縮短 |
|---|---|---|
component |
ng generate component component-name |
ng g c component-name |
directive |
ng generate directive directive-name |
ng g d directive-name |
pipe |
ng generate pipe pipe-name |
ng g p pipe-name |
service |
ng generate service service-name |
ng g s service-name |
class |
ng generate class class-name |
ng g cl class-name |
guard |
ng generate guard guard-name |
ng g g guard-name |
interface |
ng generate interface interface-name |
ng g i interface-name |
enum |
ng generate enum enum-name |
ng g e enum-name |
module |
ng generate module module-name |
ng g m module-name |
所以,例如,如果你執行 ng generate component user-list - angular-cli 將:
- 在
src/app資料夾或執行該命令的資料夾中建立user-list目錄。 - 在該目錄中生成 4 個檔案(
user-list.component.ts,user-list.component.html,user-list.component.css和user-list.component.spec.ts) - 將
user-list新增為最近模組的@NgModule裝飾器中的宣告。