在vue项目中使用iconfont的方法

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