ng g module my-module 只生成 module.ts 文件

ng g module my-module only generates the module.ts file

ng g module my-module 只生成 module.ts 文件。但我需要所有文件 css、HTML、ts、spec、module.ts。 如何使用 cli 一次生成所有这些?

你可以试试这个命令:

ng g c [my component]

这会生成除模块之外的那些文件,如果您需要可以使用您已经使用的命令生成的模块。

希望这对您有所帮助。

您需要第 3 方库。我写了一个,你可以试试(还有其他的)。我将使用我的原理图库描述如何做到这一点:

第一步:将库安装为开发依赖项:

npm i --save-dev @julianobrasil/schematics-components

第二步:创建组件 + 模块,包括路由

ng g @julianobrasil/schematics-components:component-module --name my-data --path views

示例中使用的参数:

  • my-data:本例中将创建的组件名称
  • views: my-data 所在的文件夹(相对于 app 文件夹)

描述 => 以上命令将创建:

  • 一个模块
  • 模块内部的组件
  • 外观服务,已注入组件
  • 一个 @angular/material 模块(如果您不使用 @angular/material,请将其删除)
  • 一个路由模块和一个路由组件(该模块准备懒加载)

你可以通过 angular cli cmd 来完成,但我会使用两个 cmd 或一个组合:

首先根据您的喜好创建模块 with/out 路由:

ng g m /pages/home-page --routing=true 

然后在第二个 cmd 中创建组件:

ng g c /pages/home-page

或者您可以使用 && 运算符将多个 cmd 组合在一个 cmd 中:

 ng g m /pages/home-page--routing=true && ng g c /pages/home-page

Angular cli 会自动将您的组件包含到您在第一个 cmd 中创建的模块中,如果您不想 angular 自动导入,只需添加 --skip-import 选项:

 ng g c /pages/home-page --skip-import