如何将Angular Cli与.net Angular模板集成

Question

我选择使用 ASP.NET Core MVC 进行开发，我使用Angular模板作为前端（见下图）。我想在Angular Cli中使用它来生成组件，指令等。如何修改基本模板以使其与 Angular Cli 兼容？

Answer 1

将Angular Cli与VS 2017 Angular ASP.NET模板集成....（我将在每个步骤结束时将您应该执行这些命令的路径放在括号内。your_project/表示您的VS17项目！）

1. 全球安装Angular Cli npm install -g @angular/cli@latest（your_project /）

2. 在项目开发环境npm install --save-dev @angular/cli@latest（your_project /）

中安装Angular Cli

3. 将app.module.shared.ts文件重命名为app.module.ts（your_project / ClientApp /）

4. 在app.module.browser.ts文件中，将import { AppModuleShared } from './app.module.shared';更改为import { AppModuleShared } from './app.module';（your_project / ClientApp / app /）

5. 在app.module.server.ts文件中，将import { AppModuleShared } from './app.module.shared';更改为import { AppModuleShared } from './app.module';（your_project / ClientApp / app /）

6. 现在，通过发出命令ng new test在桌面上的文件夹中创建一个新的角度项目。完成后，将angular-cli.json文件复制到项目文件夹的根目录，并将根字段从'src'重命名为'ClientApp'。 （C：/用户/ your_username /桌面/）

7. 现在通过发出命令ng g c components/test（your_project /）

测试它是否有效

有关详情和图片，请点击here。我发布它也是为了确保链接不会破坏！