【Vue】Vue2（vue-element-admin）使用font-awesome字体图标的解决方案

1、安装 Font Awesome 包

npm install --save @fortawesome/fontawesome-svg-core@1.2.36
npm install --save @fortawesome/free-solid-svg-icons@5.15.4
npm install --save @fortawesome/vue-fontawesome@0.1.10

2、在你的 main.js 文件（或者其他适当的入口文件）中，导入你刚刚安装的图标库，然后注册图标组件到 Vue。

import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

library.add(fas)

Vue.component('font-awesome-icon', FontAwesomeIcon)

3、在你的组件中使用图标

<template>
  <div>
    <font-awesome-icon icon="coffee" />
  </div>
</template>