electron-vue构建的应用引入font awesome图标库

一. 背景

项目中使用了element中的icon图标，图标集合还是有点少，可以另外引入font awesome图标库

二. 使用方式

1. 安装font awesome模块

npm install font-awesome --save

2. main.js中引入

import 'font-awesome/css/font-awesome.min.css';

4. 组件中引用图标
   
   在font awesome官网中搜索到想要使用的图标
   

例如搜索Microphone找到麦克风的图标

<i class="fa fa-microphone" aria-hidden="true"></i>

在组件中引入麦克风图标

<el-tag><i class="fa fa-microphone" aria-hidden="true" style="margin-right:15px"></i>麦克风</el-tag>