如何将ASP.NET Core 2.1与Vue CLI 3集成？

Question

我一直在尝试使用带有ASP.Net Core Web的新Vue CLI 3创建一个新项目。我可以使用dotnet new来创建一个不错的新空白Web项目，也可以使用vue create来创建新的Vue.js Hello World模板，但是我一生都无法让他们一起工作。

Answer 1

我写了一个详细的教程，网址为Medium。

您可以使用Microsoft Microsoft.AspNetCore.SpaServices NuGet包来指定SpaStaticFiles文件夹，而不是将构建时的客户端应用程序复制到wwwroot，并忽略* .cshtml文件并直接使用vue index.html文件。

您还可以安装VueCliMiddleware NuGet以便在.NET应用程序启动时使用Vue CLI 3.0使用客户端应用程序运行npm进程。

Answer 2

应该很简单

• 创建一个新的dotnet项目
• 在dotnet解决方案中创建一个文件夹。例如，VueApp，ClientApp等。
• 使用Vue cli在该文件夹中折叠一个新的Vue项目。
• 将输出目录更改为指向“ ../../wwwroot/dist”之类的
• 构建您的应用。请注意，但是如果要为开发或生产而构建，则输出结构将有所不同。
• 在您的_Layout.cshtml或Index.cshtml中，如果要对其进行组织，请引用这些输出的文件。
• 将<div id="app"></div>添加到您的.cshtml中。
• 您完成了，享受。