方法一：

npm install font-awesome

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

方法二：

在官網(wǎng)下載代碼到本地，現(xiàn)在應(yīng)該是font-awesome-4.7，把整個(gè)文件夾放到static文件夾中，然后在index.html中加上<link

rel="stylesheet" href="/static/font-awesome-4.7/css/font-awesome.min.css" rel="external nofollow" >，應(yīng)該就可以了。

使用方法：<i class="fa fa-home fa-lg"> 主頁(yè)</i>

以上這篇在vue-cli的組件模板里使用font-awesome的兩種方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持錯(cuò)新站長(zhǎng)站。