0
点赞
收藏
分享

微信扫一扫

【Vue】Vue3脚手架使用font-awesome字体图标的解决方案


1、执行:npm i font-awesome --production

【Vue】Vue3脚手架使用font-awesome字体图标的解决方案_vue.js

npm i font-awesome --production

如果出现错误:'vite' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

【Vue】Vue3脚手架使用font-awesome字体图标的解决方案_css_02

 输入:npm i

【Vue】Vue3脚手架使用font-awesome字体图标的解决方案_css_03

 2、新建文件夹,复制font-awesome文件 

【Vue】Vue3脚手架使用font-awesome字体图标的解决方案_前端_04

3、main.js导入

import '../src/js/font-awesome/css/font-awesome.css'

【Vue】Vue3脚手架使用font-awesome字体图标的解决方案_批处理文件_05

 4、home.vue文件中加入图标

<i class="fa fa-angle-left"></i>

举报

相关推荐

0 条评论