如何使用NuGet安装ChartJS？

Question

在我之前手动将ChartJS安装到我的Web应用程序中时，我会插入以下脚本标签：

<script src="./js/Chart.bundle.js"></script>
<script src="./js/utils.js"></script>

但是现在我正在使用NuGet来安装ChartJS"包"，我不知道它在哪里或者如何将其包含在我的页面中。我该如何引用它？我在使用NuGet Package Manager将ChartJS“安装”到我的解决方案后搜索文件夹，但找不到Chart.bundle.js或utils.js文件。

- Infin8Loop

---

Nuget有ChartJS和Chart.Js，它们是不同的，你需要哪一个？ - Krish

我没有解决它。我手动安装它，而没有使用 NuGet。 - Infin8Loop

Answer 1

如何使用NuGet安装ChartJS？

您应该使用npm或bower来安装Chart.js包（而不是ChartJS）。这是因为不建议使用NuGet来安装css/javascript库。 当您打开Chart.js包的项目网站时，它也建议您通过npm或bower获取chart.js：

通过npm或bower获取细节：

选择项目并在项目根目录中添加一个新文件。在模板管理器中（Add->New File...），搜索“Bower配置文件”或“npm配置文件”。

然后编辑文件并添加您的依赖项，例如：

package.json（npm）：

{
    "dependencies:" {
        "chart.js": "2.7.2"
    }
}

bower.json（bower）：

{
    "dependencies:" {
        "chart.js": "2.7.2"
    }
}

保存后，文件将在目录中下载：node_modules（npm）或bower_components（bower），存储在您的项目文件.csproj文件夹中，然后您可以通过脚本来使用它，例如：

<script src="path/to/chartjs/dist/Chart.js"></script>

此外，当您使用NuGet包浏览器打开NuGet包Chart.js时，您会发现它只包含一个Content\Scripts目录，其中包含一个Chart.js和Chart.min.js。因此，如果您想获取Chart.bundle.js和utils.js，请尝试通过nmp或bower获取。

希望这可以帮助到您。

- Leo Liu

---

请注意，Bower现在已经不建议使用：https://bower.io/blog/2017/how-to-migrate-away-from-bower/ - Trinition