在自己的前端项目(例如vue项目)中使用阿里矢量图标的步骤

Posted 2022-04-18 一乐乐

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在自己的前端项目(例如vue项目)中使用阿里矢量图标的步骤相关的知识，希望对你有一定的参考价值。

一、准备工作： 1、先把vue项目的打包文件dist 删除 2、登录阿里矢量图标官网，搜索项目中所需要的那些图标，然后添加到购物车 3、新建项目：项目名就起一个你vue项目的名字吧，方便下次需要用到那些图标时，也可以直接找到哦 4、将需要的图标添加到咱的项目中 5、下载到本地 6、在项目中使用：引入

以上是关于在自己的前端项目(例如vue项目)中使用阿里矢量图标的步骤的主要内容，如果未能解决你的问题，请参考以下文章

vue 项目中使用阿里巴巴矢量图标库iconfont

vue+elementUI引用第三方iconFont字体图标（阿里巴巴矢量图标库）