如何使用NuGet安装ChartJS?

时间:2018-04-11 14:05:47

标签: visual-studio visual-studio-2015 nuget chart.js nuget-package

之前我手动将ChartJS安装到我的Web应用程序中时,我只想插入以下脚本标记:

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

但是现在我正在使用NuGet来安装ChartJS&#34; package&#34;,我不知道它的位置或者如何将它包含在我的页面中。我该如何参考?我在&#34;安装&#34;之后搜索了文件夹。 ChartJS使用NuGet Package Manager进入我的解决方案,无法找到Chart.bundle.js或utils.js文件。

1 个答案:

答案 0 :(得分:1)

  

如何使用NuGet安装ChartJS?

您应该使用npmbower来安装Chart.js包(不是ChartJS)。这是因为不鼓励使用NuGet用于css / javascript库。

当您打开Chart.js个套件的project site时,它还建议您通过chart.jsnpm获取bower

enter image description here

通过npmbower

获取详细信息

选择项目并将新文件添加到项目根目录。在模板管理器(Add->New File...)中,搜索&#34; Bower配置文件&#34;或&#34; npm配置文件&#34;。

然后编辑文件并添加您的依赖项,即

package.json(npm):

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

bower.json(凉亭):

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

保存后,文件将下载到项目文件node_modules文件夹中名为bower_components(npm)或.csproj(bower)的目录中,然后您可以按脚本,如:

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

此外,当您使用nuget package explorer打开nuget包Chart.js时,您会发现它的NuGet包中只包含一个Content \ Scripts目录,其中包含Chart.jsChart.min.js 。因此,如果您想获得Chart.bundle.jsutils.js,请尝试nmpbower

希望这有帮助。