You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在ASP.NET Core项目中安装animate.css?VS2017安装后文件找不到

解决ASP.NET Core 2.0 MVC中NuGet安装animate.css后项目内找不到文件的问题

这其实是ASP.NET Core项目使用NuGet包的正常机制哦!别着急,我来给你解释清楚并教你怎么解决:

为什么会出现这种情况?

ASP.NET Core 2.0默认采用PackageReference方式管理NuGet依赖,这种方式不会把包内的文件直接复制到你的项目目录里,而是将所有NuGet包统一存储在用户目录的缓存文件夹中(就是你找到的C:\Users\UserName\nuget\packages\路径)。项目在编译或运行时会自动从这个缓存路径引用所需的文件,所以你在解决方案资源管理器和项目文件夹里看不到这些文件。

两种方法让你在项目中使用animate.css

方法一:手动复制文件到项目静态资源目录

  1. 打开你找到的缓存路径:C:\Users\UserName\nuget\packages\animate.css\3.3.0\content\Content
  2. 把里面的animate.css文件复制到你的项目的wwwroot/css文件夹下(ASP.NET Core规定静态资源默认放在wwwroot目录下)
  3. 在需要使用的视图页面的<head>标签里添加引用:
    <link rel="stylesheet" href="~/css/animate.css" />
    

方法二:用LibMan直接安装到项目(更推荐)

如果你不想手动复制文件,可以用Visual Studio自带的LibMan库管理器,它专门用来管理前端静态资源,会直接把文件下载到你指定的项目目录:

  • 右键你的项目 -> 选择「添加」->「客户端库」
  • 在弹出的窗口中,库源选择cdnjs,搜索animate.css,选中你需要的版本
  • 设置目标位置为wwwroot/css/,点击「安装」即可
  • 之后同样在视图里引用~/css/animate.css就可以使用动画效果了

内容的提问来源于stack exchange,提问作者Young-Jin Kim

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 11:30:43