使用ng generate --help命令查看所有的指令。

ng

名称 含义 其他参数
ng add [pagkage name] 添加一个已发布的npm包
ng build / b 编译并输出到dist包目录中 –prod 、–baseHref=baseHref
ng config 在工作空间的angular.json文件中检索或设置Angular配置值。
ng doc [keyword] 打开相应的文档
ng generate 生成文件
ng lint
ng serve

ng generate / g

class

生成一个class:

ng g class pathTo/MyClass

component

仅列举比较常用的

生成一个组件:

ng g component pathto/MyComponent

生成组件的同时,自动添加到app.module.tsdeclarations数组中

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule
  ],
  declarations: [    
    MyComponentComponent
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

附件参数: –export=true

如果设置为true, AppModule中会进行导出:

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule
  ],
  declarations: [
    MyComponentComponent
  ],
  providers: [],
  bootstrap: [AppComponent],
  exports: [MyComponentComponent]
})
export class AppModule {
}

附加参数: –spec=true|false

是否生成 .spec 文件

附加参数: –flat=true|false

为true标识不生成对应的文件夹,直接在当前目录生成

附加参数: –skipImport=true

When true, does not import this component into the owning NgModule.

当值为true,不将组件导入到所属的NgModule中,开发单独的最佳

ng g component [组件名] --skipImport=true