如何将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.SpaServicesNuGet包指定SpaStaticFiles文件夹,而不是将构建时的客户端应用程序复制到wwwroot并忽略*.cshtml文件并直接使用vue index.html文件.

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

Answer 2

它应该很直接

• 创建一个新的dotnet项目
• 在dotnet解决方案中创建一个文件夹.例如,VueApp,ClientApp或其他东西.
• 使用Vue cli在该文件夹中支持一个新的Vue项目.
• 将输出目录更改为指向"../../wwwroot/dist"之类的内容
• 构建您的应用.请注意,如果您正在为开发或生产构建,输出结构将会有所不同.
• 在您_Layout.cshtml或Index.cshtml您想要组织它,引用那些输出的文件.
• 加入<div id="app"></div>你的.cshtml.
• 你做完了,享受.