在vue-cli的组件模板里使用font-awesome的两种方法
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇在vue-cli的组件模板里使用font-awesome的两种方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
方法一:
npm install font-awesome
在main.js里添加import 'font-awesome/css/font-awesome.css'
方法二:
在下载代码到本地,现在应该是font-awesome-4.7,把整个文件夹放到static文件夹中,然后在index.html中加上<link
rel="stylesheet" href="/static/font-awesome-4.7/css/font-awesome.min.css" rel="external nofollow" >,应该就可以了。
使用方法:<i class="fa fa-home fa-lg"> 主页</i>
以上这篇在vue-cli的组件模板里使用font-awesome的两种方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。