在vue项目中需要大量使用字体图标，由于使用单个icon引入的方式太过麻烦，所以使用阿里图标库官方提供的项目方法引入进自己的项目中

1、登录，并将需要的字体图标加入购物车，点击‘添加至项目’选项

2、选择自己的项目，项目名字是随便写的，最好是跟自己开发的项目名称一致，便于区分

3、引入；将下图生成的地址在vue中的index.html中引入，一定要在html中引入，否则会出现问题，这样引入就等同于全局引入，所有组件都可以直接使用，并且路径前面要加http:

 

4、这时候就能直接使用了

5、如果此时添加了新的图标，需要重新生成路径，将更新后的路径重新放在index.html中即可

 

 

 

 

 完成~

版权声明：本文为susu-yee原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/susu-yee/p/10507883.html