将角4添加到ASP.NETCore项目中

Question

我想在VisualStudio2017中使用ASP.NetCore 1.1项目中的角4(请参阅：*.csproj文件)

以前，使用ASP.NET Core1.0和VisualStudio2015，您可以简单地将AngularJS (1.x.x)作为依赖项添加到project.json中，并且它会将自己连接进来。

现在，使用ASP.NetCore和VS2017，project.json文件已经消失，我能找到的唯一文档是通过使用CLI启动一个Range4项目，并使用CLI生成一个新的角应用程序。我并不是真的想要一个新的项目，也不需要重构我所创建的所有东西来为一个单独的UI项目提供服务。我只是想用一些增加的客户端用户界面体验来增强我的应用程序。

有什么建议吗？

更新

这个问题已经得到了很多的意见和信息是没有什么帮助，所以我提供这个更新。

Visual 2017 (*.csproj)

• Asp.Net核心2.0 +角(v2.0~v4.0) :：使用内置模板！最佳选择海事组织。
• Asp.Net核心1.X +角(v2.0~v4.0)

- Create VS Project.
- Create Angular Project via Angular CLI
- Configuration and setup details : [Link](https://medium.com/@levifuller/building-an-angular-application-with-asp-net-core-in-visual-studio-2017-visualized-f4b163830eaa)

​

Visual 2015 (project.json)

• 工具:直到版本-preview2 -没有进一步的更新，所有新的.NET核心特性都将移到VS 2017

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

    - Asp.Net Core Template Pack
    - Note: I wouldn't endorse a bad VS Plugin, Mads Kristensen does good work.
    - Configuration and setup details : [Blog post](http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/)

​

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

    - Configuration and setup details : [Microsoft Tutorial](https://learn.microsoft.com/en-us/aspnet/core/client-side/angular)

​

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

    - [Pluralsight Blog Guide](https://www.pluralsight.com/blog/software-development/angularjs-for-asp-net-applications)

​

​

注意:还有很多其他的方法可以让ASP.Net / .NetCore项目更好地工作，比如NPM、Bower、NuGet等等。我试着突出那些简单而实际工作的项目。此外，根据上述Pluralsight博客文章，这些都符合微软的发展方向。

Answer 1

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

几个月前，我也在同一点上，我决定用棱角的cli。感谢上帝我做出了这个决定。无可比拟的更清楚，它实际上说明了它们应该是什么：.net核心web后端和完全分离的角客户端。就像你不会把你的iphone/android应用程序应用到VS解决方案中一样，也没有真正的理由把你的iphone/android应用应用到VS解决方案中。

更新要么使用MVC与Razor，要么使用角作为SPA，如果您使用角，使用角CLI。如果你使用角度，用asp.net (核心) Web作为REST后端将数据输入它

Answer 2

我能看出这是多么令人困惑，但是dee zg是正确的。你会想要两个独立的项目。一个是.net核心后端api (REST)，另一个是角2 spa。会有完全的分离。

使用AngularJS，您可以将js文件放到剃刀视图中，并将其作为一天进行处理。然而，与角2/4和反应，这是最好的主持每一个项目在它自己的解决方案。这在一开始可能看起来很傻，但是当你构建出你的api时，它可以很容易地被移动应用程序、桌面应用等所消耗的能力来验证。

我知道有一个用于.net核心的dotnet服务角core命令，但是它确实有点混乱，实际上输出的html无效，这可能会对SEO等有害。最好，IMO，只在一个单独的项目中使用角cli。

当涉及到生产时，您将分别托管.net核心api和Range2项目。

Answer 3

我不太清楚您所说的“向ASP.NET核心项目添加角4”是什么意思，但是这样做的一种方法是：

1. 创建一个角4项目(使用角-cli)。
2. 在与ASP.NET项目相同的目录中创建一个.NET核心项目(使用.NET Core )。
3. 调整webpack.config.js文件(这是角-cli安装的一部分)，以便自动将捆绑的文件放在www.root目录中(webpack将对此负责)。

在我的博客我有一个详细的教程来演示这种方法。上。