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

1、安装 Font Awesome 包

npm install --save @fortawesome/[email protected]
npm install --save @fortawesome/[email protected]
npm install --save @fortawesome/[email protected]

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>