如何在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
方法一:手动复制文件到项目静态资源目录
- 打开你找到的缓存路径:
C:\Users\UserName\nuget\packages\animate.css\3.3.0\content\Content - 把里面的
animate.css文件复制到你的项目的wwwroot/css文件夹下(ASP.NET Core规定静态资源默认放在wwwroot目录下) - 在需要使用的视图页面的
<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
相关产品推荐
相关产品推荐

