如何正确为ASP.NET Core项目添加jQuery？

哥们，我太懂这种工具迭代给开发者带来的困惑了！Nuget现在确实不适合管理前端库，而Bower早就被官方标记为弃用状态，目前针对ASP.NET Core项目，最推荐的几种方式如下：

方式一：使用LibMan（官方推荐） #

LibMan是微软专门为ASP.NET Core推出的轻量级前端库管理工具，用来替代Bower，操作非常简单：

• 右键你的ASP.NET Core项目，选择「添加」→「客户端库」
• 在弹出的对话框中，源可以选择cdnjs、jsDelivr或者unpkg（都是常用的CDN源）
• 在搜索框输入jquery，选择你需要的版本（比如3.6.4）
• 选择要安装到的目标目录，一般推荐wwwroot/lib/jquery/，点击「安装」即可
• 安装完成后，在你的视图文件（比如_Layout.cshtml）中添加引用：

  <script src="~/lib/jquery/jquery.min.js"></script>
  

方式二：手动添加 #

如果你不想用工具，手动操作也很直接：

• 前往jQuery官网下载对应版本的文件（开发版jquery.js或生产压缩版jquery.min.js）
• 在项目的wwwroot目录下创建lib/jquery文件夹，把下载的文件放进去
• 同样在视图中引用该文件即可

方式三：使用npm（适合用前端构建工具的项目） #

如果你的项目用到了Webpack、Vite这类前端构建工具，用npm管理会更灵活：

• 打开命令行，切换到项目根目录，运行命令：

  npm install jquery
  

• 在你的前端入口文件（比如main.js）中导入jQuery：

  import $ from 'jquery';
  

• 之后通过构建工具打包，或者根据工具配置直接在页面中引用打包后的文件

补充说明 #

• Nuget现在主要用于管理.NET相关的类库，前端库的管理已经不再依赖它，所以你之前遇到的提示是合理的
• Bower已经停止维护，官方明确不推荐继续使用，所以LibMan是目前ASP.NET Core项目管理前端库的首选方案

内容的提问来源于stack exchange，提问作者Jonathan Allen