angular - 在 Visual Studio IDE 中创建/生成新的 Angular 组件的简单方法？

Question

从事 ASP.NET core 项目 (Angular) 和 Visual Studio 作为我的 IDE。

有没有一种简单的方法可以生成 Angular 组件文件并在 Visual Studio 的应用程序模块中注册新组件？

Answer 1

只需在 VS Code 中打开集成终端并使用 Angular CLI 命令 nggenerate 或其别名 ng g 即可。以下是可以与 ng g 命令一起使用的一些选项的列表:

• ng g c - 生成新组件
• ng g s - 生成新服务
• ng g d - 生成新指令
• ng g m - 生成新模块
• ng g p - 生成一个新管道

每个命令都需要一个参数，例如要生成的组件的名称。要获取可用选项和参数的完整列表，请运行命令 ng help generated 或参阅 Angular CLI 文档。以下是使用 ng g 命令的一些示例:

• ng g c Product 将为目录 src/app/product 中的新产品组件生成四个文件(.ts、.html、.css、.spec.ts)，并将将 ProductComponent 类添加到 @NgModule 的声明属性中

• ng g c Product -is -it -spec=false 将在 src/app/product 目录中生成具有内联样式和模板的单个文件product.component.ts，并将将 ProductComponent 添加到 @NgModule

的声明属性

• ng g s Product 将生成文件product.service.ts，其中包含用@Injectable() 修饰的类和文件product.service.spec.ts在目录 src/app

• ng g s Product -m app.module 将生成与上述命令相同的文件，并将 ProductService 添加到 的 providers 属性中@NgModule