在vue-cli的組件模板里使用font-awesome的兩種方法
方法一:
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"> 主頁</i>
以上這篇在vue-cli的組件模板里使用font-awesome的兩種方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 使用vue-cli3+typescript的項(xiàng)目模板創(chuàng)建工程的教程
- 基于vue-cli3+typescript的tsx開發(fā)模板搭建過程分享
- 詳解搭建一個(gè)vue-cli的移動(dòng)端H5開發(fā)模板
- vue-cli3 項(xiàng)目優(yōu)化之通過 node 自動(dòng)生成組件模板 generate View、Component
- vue-cli的工程模板與構(gòu)建工具詳解
- 新版vue-cli模板下本地開發(fā)環(huán)境使用node服務(wù)器跨域的方法
- 快速解決vue-cli不能初始化webpack模板的問題
- vue-cli webpack模板項(xiàng)目搭建及打包時(shí)路徑問題的解決方法
- 使用vue官方提供的模板vue-cli搭建一個(gè)helloWorld案例分析
- vue-cli的webpack模板項(xiàng)目配置文件分析
- 如何使用 vue-cli 創(chuàng)建模板項(xiàng)目
相關(guān)文章
vue實(shí)現(xiàn)移動(dòng)端touch拖拽排序
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端touch拖拽排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
mockjs+vue頁面直接展示數(shù)據(jù)的方法
這篇文章主要介紹了mockjs+vue頁面直接展示數(shù)據(jù)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
vue實(shí)現(xiàn)移動(dòng)端拖動(dòng)排序
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端拖動(dòng)排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
vue 自定義指令directives及其常用鉤子函數(shù)說明
這篇文章主要介紹了vue 自定義指令directives及其常用鉤子函數(shù)說明,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-01-01
vue.extend,mixins和vue.component的區(qū)別及說明
Vue.extend 創(chuàng)建Vue的子類,可視為組件構(gòu)造函數(shù),Vue.mixin 允許全局添加方法或?qū)傩?方便所有組件使用,Vue.component 是插件注冊方法,通過Vue.extend創(chuàng)建的組件實(shí)例可以注冊到Vue全局,使其在任何組件中可用2024-09-09
vue 計(jì)時(shí)器組件的實(shí)現(xiàn)代碼
本篇文章主要介紹了vue 計(jì)時(shí)器組件的實(shí)現(xiàn)代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
Vue3使用Element?Plus實(shí)現(xiàn)列表界面的方法步驟
寫后臺(tái)管理的時(shí)候會(huì)有很多列表以及相應(yīng)的條件查詢,下面這篇文章主要給大家介紹了關(guān)于Vue3使用Element?Plus實(shí)現(xiàn)列表界面的方法步驟,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
一篇文章搞懂Vue3中如何使用ref獲取元素節(jié)點(diǎn)
過去在Vue2中,我們采用ref來獲取標(biāo)簽的信息,用以替代傳統(tǒng) js 中的 DOM 行為,下面這篇文章主要給大家介紹了關(guān)于如何通過一篇文章搞懂Vue3中如何使用ref獲取元素節(jié)點(diǎn)的相關(guān)資料,需要的朋友可以參考下2022-11-11

