使用免费版的fontAwesome V7图标库(推荐)
首先下载包
https://fontawesome.com/download
将《all.css》和图标字体文件引入项目中,可以放在《assets》目录下面
在《main.js》中引入css文件即可使用
import '@/assets/fontawesome-free-7.0.0/all.css' // 引入fontAwesome字体图标
然后页面上直接可以使用了
<i class="fas fa-fw fa-book"></i>
简单使用fontAwesome V4图标库(不推荐)
首先安装字体库
npm i font-awesome
安装之后,《main.js》中引入
import 'font-awesome/css/font-awesome.min.css' // 引入字体图标
页面上直接使用
<i class="fa fa-book fa-5x"></i>
具体图标说明文档
https://fontawesome.com/v4/icons/