asp.net-core - 安装 vue N​​uGet 包后找不到任何要链接的 vue.js 文件

Question

我正在尝试在 Visual Studio 2017 中的 ASP.NET Core 2.0 MVC Web 应用程序中设置 vue.js(该项目也将在 Rider 中共同开发)。 Web 应用程序不是 SPA。它几乎没有静态页面，也很少有动态部分(比如通过 API 作为 JSON 列表返回的项目列表)。我想使用 vue.js 编写这些动态部分。

我找到了 vue NuGet package并将其添加到项目中。但是项目中并没有添加vue.js相关的文件。我无法在网上找到有关如何使用此软件包的任何详细信息。但是，我注意到 project.json 中的这一部分听起来文件以某种方式包含在包中。但我不知道如何从我的 cshtml 母版页中引用它们。

"vue/2.5.16": {
  "sha512": "/GyGgghWxS/467eO3tEc4KPurjAgU1bfcvRk7pSyDFkI3J0QzaZyfnZkJQnyshsSdNc8CS8Z+/skmMETUI/79A==",
  "type": "package",
  "path": "vue/2.5.16",
  "files": [
    "Content/Scripts/vue.js",
    "Content/Scripts/vue.min.js",
    "vue.2.5.16.nupkg.sha512",
    "vue.nuspec"
  ]
},

我错过了什么？

Answer 1

我在 ASP.NET Core 的后继者 .NET6 中遇到了类似的问题。基本上你需要使用 NPM。

NPM 是 Vue 的推荐安装方式。它与模块打包器(如 Webpack 或 Browserify)完美搭配。 Vue 还提供了用于编写单文件组件的配套工具。

# latest stable
npm install vue

我倾向于将 NPM 用于 Javascript 包，将 nuget 用于 .NET 库

您也可以简单地使用 CDN:

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>