我正在使用ASP.NET Core项目 (Angular) 和Visual Studio作为我的IDE。
有没有一种简单的方法在Visual Studio中生成Angular组件文件并将新组件注册到应用程序模块中?
我正在使用ASP.NET Core项目 (Angular) 和Visual Studio作为我的IDE。
有没有一种简单的方法在Visual Studio中生成Angular组件文件并将新组件注册到应用程序模块中?
只需在VS Code中打开终端并使用Angular CLI命令ng generate
或其别名ng g
。这是一些可以与ng g命令一起使用的选项列表:
ng g c
- 生成新组件ng g s
- 生成新服务ng g d
- 生成新指令ng g m
- 生成新模块ng g p
- 生成新管道每个命令都需要一个参数(例如要生成的组件的名称)。要获取可用选项和参数的完整列表,请运行命令ng help
generate或参考Angular CLI文档。以下是使用ng g
命令的一些示例:
ng g c product
将为src/app/product目录下的新产品组件生成四个文件(.ts、.html、.css和.spec.ts),并将ProductComponent类添加到@NgModule
的declarations属性中。
ng g c product -is -it -spec=false
将在src/app/product目录下生成一个单独的文件product.component.ts,其中包含内联样式和模板,并将ProductComponent添加到@NgModule
的declarations属性中。
ng g s product
将在src/app目录下生成一个包含@Injectable()
装饰器类的文件product.service.ts和文件product.service.spec.ts。
ng g s product -m app.module
将生成与上面命令相同的文件,并将ProductService添加到@NgModule
的providers属性中。