在vue-cli的组件模板里使用font-awesome的两种方法

这篇文章主要为大家详细介绍了在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的两种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/6051-0.html

注：关于在vue-cli的组件模板里使用font-awesome的两种方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js