如何将Vue.js添加到现有的ASP .NET Core 2.0 MVC项目中？

Question

我想将最新的Vuejs添加到已经存在的ASP .NET Core 2.0 MVC项目中，然后从类似于/test这样的端点返回Views，其中这些视图使用位于wwwroot/js下的Vue脚本。

到目前为止，我尝试了：

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

dotnet new vue

但我真的希望有一个空项目，项目中没有最少量的“非我编写”的js。

提前感谢。

附注：如果我想动态创建内容，那么使用控制器通过端点来实现是不正确的方式吗？

- UbuntuCore

---

https://sirwan.info/archive/2018/05/28/TypeScript-and-Vue.js/ - Sirwan Afifi

Answer 1

我使用新的 Vue cli 3 在 .NET Core 解决方案内搭建项目。例如，您可以将其放在 ClientApp 文件夹中。您也会在 .NET spa 模板中看到类似的东西。创建完成后，将文件输出更改为构建文件并将其放入 wwwroot 文件夹中。一旦放置在那里，您就可以在.cshtml 页面中引用这些文件，然后就完成了。

我之前一直在编写自己的 webpack 配置和设置，但是新的 Vue cli 使得这一切都不再值得了。

编辑：对于构建多页应用而非 SPA 的所有人，您还可以查看以下示例。

GitHub: https://github.com/danijelh/aspnetcore-vue-typescript-template

- Danijel

Answer 2

使用 LibMan，下载类似于 npm 的库，但是是用 C# 编写的。

- Ricardo Reynoso