如何将 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 新 vue

但我真的想要一个空项目，因为项目中的“js-not-wrtten-by-me”数量最少。

提前致谢。

PS：如果我想动态创建内容，那么通过 Controller 使用端点不是正确的方法吗？

Answer 1

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

我之前正在编写自己的 webpack 配置和设置，但新的 Vue cli 让这一切变得不值得了。

编辑：对于构建多页面应用程序而不是 SPA 的每个人，您还可以查看以下示例。

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

Answer 2

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