方法一：

成都创新互联公司是一家专业提供大箐山企业网站建设,专注与网站建设、做网站、HTML5、小程序制作等业务。10年已为大箐山众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

npm install font-awesome

在main.js里添加import 'font-awesome/css/font-awesome.css'

方法二：

在官网下载代码到本地，现在应该是font-awesome-4.7，把整个文件夹放到static文件夹中，然后在index.html中加上

rel="stylesheet" href="/static/font-awesome-4.7/css/font-awesome.min.css" rel="external nofollow" >，应该就可以了。

使用方法： 主页

以上这篇在vue-cli的组件模板里使用font-awesome的两种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

网页名称：在vue-cli的组件模板里使用font-awesome的两种方法
分享路径：http://sczitong.cn/article/jppide.html