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
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