如何在Visual Studio 2017的ASP.NET Core v2中安装Font-Awesome

我明白你在ASP.NET Core v2里配置Font-Awesome时踩了不少坑，试过Bower、NPM各种方法都没成功，想要个省心、不用折腾命令或手动复制文件的方案对吧？下面给你两个最适合的方法：

方法一：用Visual Studio内置的LibMan（官方推荐，本地管理） #

LibMan是ASP.NET Core官方推出的客户端库管理工具，完全图形化操作，不用敲命令，自动帮你下载并部署文件：

• 打开你的ASP.NET Core v2项目，右键点击项目名称 → 选择 Manage Client-Side Libraries
• 此时项目会自动生成一个libman.json文件，把默认内容替换成下面的配置（4.7.0是兼容性很好的稳定版，也可以选适配v2的更高版本）：

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "font-awesome@4.7.0",
      "destination": "wwwroot/lib/font-awesome/"
    }
  ]
}

• 保存libman.json文件，Visual Studio会自动从CDN下载Font-Awesome的文件到指定的wwwroot/lib/font-awesome/目录，全程不用手动复制！

引用到项目中 #

打开你的布局文件（比如Views/Shared/_Layout.cshtml），在<head>标签里添加CSS引用：

<link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.min.css" />

之后就可以在任意视图里使用Font-Awesome图标了，比如：

<i class="fa fa-heart text-danger"></i>
<i class="fa fa-check-circle text-success"></i>

方法二：直接用CDN引用（零安装，最省事） #

如果不想在本地管理Font-Awesome文件，直接用CDN链接是最快的方式，完全不用下载任何东西：

同样打开_Layout.cshtml，在<head>里添加这个CDN链接即可：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />

添加完就能直接用图标，连文件下载步骤都省了！

为什么之前的方法容易失败？ #

你之前试的Bower在ASP.NET Core v2后期已经被官方弃用，支持性很差；用NPM的话需要额外配置Webpack、Gulp之类的构建工具来把NPM包里的文件复制到wwwroot，步骤繁琐容易出错。而上面的两个方法都是针对ASP.NET Core v2优化的，操作简单不易出问题。

内容的提问来源于stack exchange，提问作者Thomas Adrian