1:百度iconfont,找到阿里巴巴矢量图标库官网,https://www.iconfont.cn/然后注册登录,或者用github登录也行,此步骤跳过;
2、搜索需要的icon图标,点击购物车
3、进入购物车,添加至项目(若没有项目可新建一个)
4.进入我的项目,将图标下载至本地
5.将下载的文件解压,放在项目assets文件夹下(可创建一个css文件或iconfont文件)
6、在main.js中引入iconfont.css样式
import './assets/iconfont/iconfont.css'
7、在在vue文件中引用
<i class="icon-xiaoxi"></i>
这里复制对应的class
8、假如报错,需要下载css-loader依赖包
npm install css-loader --save