【问题标题】:How to integrate Angular Cli with .net Angular template如何将 Angular Cli 与 .net Angular 模板集成
【发布时间】:2017-11-10 15:10:23
【问题描述】:

我选择使用 ASP.NET Core MVC 进行开发,并且我正在使用 Angular 模板作为前端(见下图)。我想将它与 Angular Cli 一起使用来生成组件、指令等。如何修改基本模板以使其与 Angular Cli 兼容?

【问题讨论】:

    标签: asp.net angular angular-cli


    【解决方案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 项目。完成后,将 angular-cli.json 文件复制到项目文件夹的根目录,并将根字段从“src”重命名为“ClientApp”。 (C:/Users/your_username/Desktop/)

    7. 现在通过发出命令ng g c components/test (your_project/) 测试它是否工作

    更多详情和图片请点击here。我也发布了它以确保链接不会损坏!

    【讨论】:

    • 现在他们想出了 angular cli 模板一次检查。
    猜你喜欢
    • 2017-09-30
    • 2017-10-21
    • 2019-12-14
    • 2017-01-05
    • 1970-01-01
    • 2020-01-26
    • 2017-01-04
    • 1970-01-01
    • 2017-11-15
    相关资源
    最近更新 更多