vue导入Font Awesome

一、安装基础依赖
首先在npm中执行以下命令安装基础依赖库
npm i --save @fortawesome/fontawesome-svg-core
npm i --save @fortawesome/vue-fontawesome
二、安装样式依赖
然后安装免费的三种类型图标的样式依赖
npm i --save @fortawesome/free-solid-svg-iconsnpm i --save @fortawesome/free-regular-svg-iconsnpm i --save @fortawesome/free-brands-svg-icons

Light是需要收费的
三、修改main.js
import { library } from ‘@fortawesome/fontawesome-svg-core’
import { fas } from ‘@fortawesome/free-solid-svg-icons’
import { far } from ‘@fortawesome/free-regular-svg-icons’
import { fab } from ‘@fortawesome/free-brands-svg-icons’
import { FontAwesomeIcon, FontAwesomeLayers, FontAwesomeLayersText} from ‘@fortawesome/vue-fontawesome’
library.add(fas, far, fab)
Vue.component(‘font-awesome-icon’, FontAwesomeIcon)
Vue.component(‘font-awesome-layers’, FontAwesomeL