1.首先登陆阿里云矢量图标库,把须要的字体图标退出到本人的我的项目中
2.将我的项目下载到本地,并解压到我的项目中
3.在vue我的项目下的资源文件夹下新建iconfont文件夹,将下载后的文件解压将一下文件拷贝到我的项目的iconfont文件夹下,
4.在main.ts中引入iconfont.css和iconfont.js,如果不应用多色图标的话能够不必引入iconfont.js文件
import '@/assets/icons/iconfonts/iconfont.css'
5.在代码中应用(iconfont 是必须增加的类名, 前面的对应才是对应的图标,类名参考 iconfont官网)