【发布时间】:2017-11-10 15:10:23
【问题描述】:
我选择使用 ASP.NET Core MVC 进行开发,并且我正在使用 Angular 模板作为前端(见下图)。我想将它与 Angular Cli 一起使用来生成组件、指令等。如何修改基本模板以使其与 Angular Cli 兼容?
【问题讨论】:
标签: asp.net angular angular-cli
我选择使用 ASP.NET Core MVC 进行开发,并且我正在使用 Angular 模板作为前端(见下图)。我想将它与 Angular Cli 一起使用来生成组件、指令等。如何修改基本模板以使其与 Angular Cli 兼容?
【问题讨论】:
标签: asp.net angular angular-cli
要将 Angular Cli 与 VS 2017 Angular ASP.NET 模板集成......(我将在每个步骤的末尾将执行这些命令的路径放在括号内。your_project/ 表示您的 VS17 项目! )
全局安装 Angular Cli npm install -g @angular/cli@latest (your_project/)
在项目开发环境 npm install --save-dev @angular/cli@latest (your_project/) 中安装 Angular Cli
将 app.module.shared.ts 文件重命名为 app.module.ts (your_project/ClientApp/)
在app.module.browser.ts 文件中,将import { AppModuleShared } from './app.module.shared'; 更改为import { AppModuleShared } from './app.module'; (your_project/ClientApp/app/)
在app.module.server.ts 文件中,将import { AppModuleShared } from './app.module.shared'; 更改为import { AppModuleShared } from './app.module'; (your_project/ClientApp/app/)
现在通过发出命令ng new test 在桌面上的文件夹中创建一个新的 Angular 项目。完成后,将 angular-cli.json 文件复制到项目文件夹的根目录,并将根字段从“src”重命名为“ClientApp”。 (C:/Users/your_username/Desktop/)
现在通过发出命令ng g c components/test (your_project/) 测试它是否工作
更多详情和图片请点击here。我也发布了它以确保链接不会损坏!
【讨论】: