【问题标题】:How to use nuget package in ASP.NET vNext?如何在 ASP.NET vNext 中使用 nuget 包?
【发布时间】:2015-01-25 16:46:07
【问题描述】:

我正在尝试使用 asp.net vNext 并创建了一个新项目。我想引入一些依赖项并像往常一样使用 NuGet。例如,我用它来引入 Require.js。

我现在在项目引用中的 ASP.NET 5.0 下对此进行了引用,我可以从属性中看到它在我的驱动器上的路径(myUserDrive/.kpm/packages/require...等等)

我的问题是,我该如何使用它? - 从历史上看,它会将代码添加到我的网络项目中。

【问题讨论】:

  • 应该是在 wwwroot/libs 下添加的,对你来说不是这样吗?

标签: asp.net nuget asp.net-core


【解决方案1】:

对于客户端库,您现在应该使用 Bower。 Visual Studio 2015 的最新预览版内置了对 NodeJS 的 NPM 包和 Bower 包的支持。它有点复杂,但与 Grunt 一起,你可以做一些非常酷的事情。 Bower 的库比 NuGet 多得多,而且更新得更及时。

为了更好地介绍 ASP.NET 5 中的所有新事物,我建议您在第 9 频道观看这些视频:http://channel9.msdn.com/Series/Whats-New-with-ASPNET-5

第二个视频讨论了 NPM 和 Bower 包。

Bower:http://bower.io/ -> 搜索包

【讨论】:

  • 非常感谢,我通过添加 bower.json 文件,然后使用智能 requirejs 将其输入到依赖项中,使其通过 bower 工作。然后我可以右键单击它并从解决方案资源管理器中的依赖项进行安装。正如@Thomas Kadlec 提到的那样,我必须显示隐藏文件并包含 bower_components。
  • 不要乱用 bower_components。最好的办法是在 Grunt 中创建一个任务,下载(如果需要)Bower 包,然后将相关文件从 bower_components 复制到 wwwroot/lib/... 目录。见:github.com/yatskevich/grunt-bower-task
【解决方案2】:

Visual Studio 2015 允许用户利用流行的开源包管理和构建工具来处理客户端资源。他们建议主要使用 NuGet 来管理 .NET 包。

建议是:

包管理器:NPM 和 Bower

NPM

使用 Node Package Manager 安装和管理构建工具和插件,以将源代码编译成客户端优化文件。 NPM 文件存储在“node_modules”中(隐藏在 VS 项目中)。 使用 "packages.json" 配置。

凉亭

使用 bower 包管理器安装和管理客户端库,如“bootstrap”、“jQuery”、“angularjs”。 Bower 文件存储在名为“bower_components”的文件夹中(隐藏在 VS 项目中)。
使用 "bower.json" 配置。

构建工具:GruntJS 和 GulpJS

咕噜声

Grunt 是一个 javascript 任务运行器,它允许您设置构建任务以将您的源代码处理为客户端就绪资源。使用 NPM 安装 grunt plugins 允许您编写任务(例如处理 LESS 或咖啡文件或缩小 js 和 css)。 通过“gruntfile.js”配置。

吞咽

Gulp 是一个“流式构建系统”。类似于 grunt,但允许定义更高级的流式任务。使用 NPM 安装 gulp plugins 允许您编写任务(例如处理 LESS 或咖啡文件或缩小 js 和 css)。 通过“gulpfile.js”配置。

Visual Studio 2015 为这些工具提供了一些内置支持,包括包名称和版本号的自动完成功能。当您打开项目时,Visual Studio 将检查以确保您的包已安装并且是最新的。最后是“Task Runner” UI,它允许您手动运行 grunt 或 gulp 任务,或将它们配置为触发某些事件。

下面的这篇文章提供了在 Visual Studio 2015 中使用这些工具的介绍性分步指南。除此之外,您应该能够在 NPM、Bower、Gruntjs 或 Gulpjs 上搜索以找到介绍视频或博客文章,以帮助您变得更熟悉每一个。

http://www.asp.net/vnext/overview/aspnet-vnext/grunt-and-bower-in-visual-studio-2015

【讨论】:

    猜你喜欢
    • 2014-12-06
    • 1970-01-01
    • 2014-08-04
    • 2017-01-02
    • 2015-03-01
    • 2015-07-13
    • 2016-05-07
    • 2016-04-25
    • 1970-01-01
    相关资源
    最近更新 更多