首页 > 解决方案 > 安装 vue N​​uGet 包后找不到任何要链接的 vue.js 文件

问题描述

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

我找到了一个vue N​​uGet 包并将其添加到项目中。但是,项目中没有添加与 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"
  ]
},

我错过了什么?

标签: asp.net-corevue.jsnuget

解决方案


我在 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>

推荐阅读