c# - 将 Angular 4 添加到 ASP.NET Core 项目

Question

我想在 Visual Studio 2017 中的 ASP.NetCore 1.1 项目中使用 Angular 4(读取为:*.csproj 文件)

以前使用 ASP.NET Core 1.0 和 Visual Studio 2015，您可以简单地将 AngularJS (1.x.x) 作为依赖项添加到 project.json 中，它会自行连接。

现在，对于 ASP.NetCore 和 VS2017，project.json 文件已经消失，我能找到的唯一文档是指通过使用 CLI 和使用 CLI 启动 Angular 4 项目生成一个新的 Angular 应用程序。我真的不想要一个新项目，或者必须重构我创建的所有内容来为单独的 UI 项目提供服务。我只想通过添加一些客户端 UI 体验来增强我的应用程序。

有什么建议吗？

更新

这个问题已经获得了很多意见，但信息帮助不大，所以我提供此更新。

Visual Studio 2017 (*.csproj)

• Asp.Net Core 2.0 + Angular (v2.0~v4.0)::使用内置模板! IMO 的最佳选择。

• Asp.Net Core 1.X + Angular (v2.0~v4.0)

  • 创建 VS 项目。
  • 通过 Angular CLI 创建 Angular 项目
  • 配置和设置详细信息:Link

Visual Studio 2015(project.json)

• 工具:最高版本 -preview2 - 没有进一步的更新，所有新的 .NET Core 功能都将移至 VS 2017

  • Asp.Net Core 1.X + Angular (v2.0~v4.0)

    • Asp.Net Core 模板包
    • 注意:我不会认可糟糕的 VS 插件，Mads Kristensen 做得很好。
    • 配置和设置详细信息:Blog post

  • Asp.Net Core 1.X + AngularJS (~1.5)

    • 配置和设置详细信息:Microsoft Tutorial

  • Asp.Net MVC 5 + AngularJS (~1.5)

    • Pluralsight Blog Guide

注意:还有许多其他方法可以让 Angular 与 ASP.Net/.NetCore 项目(例如 NPM、Bower、NuGet 等)一起工作。我试图强调那些简单且实用的方法实际工作。根据上面的 Pluralsight 博客文章，这些也符合 Microsoft 的前进方向。

Answer 1

[我知道你并没有具体问这个，只是想分享一个在我看来非常相关的想法]

几个月前我处于完全相同的状态，我决定使用 angular cli。我感谢上帝让我做出了那个决定。无比清晰，它实际上把事情放在了应该的位置:.net 核心 web api 后端和完全分离的 Angular 客户端。就像你不会将你的 iphone/android 应用程序放入 VS 解决方案中一样，也没有真正的理由将 Angular 之一放入。

更新要么将 MVC 与 Razor 一起使用，要么将 Angular 用作 SPA，如果您使用 Angular，请使用 Angular CLI。如果您使用 Angular，则使用 asp.net(核心)Web Api 作为 REST 后端将数据输入其中