在visual studio IDE中创建/生成新角度组件的简便方法?

时间:2017-09-03 11:36:52

标签: angular asp.net-core-mvc-2.0

使用ASP.NET核心项目(Angular)& Visual Studio作为我的IDE。

有没有一种简单的方法来生成角度组件文件并在visual studio中的app模块中注册?

2 个答案:

答案 0 :(得分:2)

只需在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生成或参考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 <的声明属性中/ p>

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

    <中的文件product.service.spec.ts / LI>
  • ng g s product -m app.module将生成与上述命令相同的文件,并且还会将ProductService添加到providers的{​​{1}}属性

答案 1 :(得分:1)

我从以下文章中找到了答案: regular expression matching (我在 VS 2019 中这样做了)

  • 如果您还没有下载 Angular 模板,请下载:Exploring Angular Fundamental With Visual Studio 2017
  • 右键单击您的应用程序文件夹(或您想要放置组件的任何位置):添加 -> 新项目。
  • 在右上角的搜索字段中搜索 Angular。
  • 选择角度组件。