编程 Javascript

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

Posted in Javascript onSeptember 28, 2018

方法一：

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的两种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

夏天的风欧阳冰嫣

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

ExtJS的FieldSet的column列布局

Nov 20 Javascript

推荐11款jQuery开发的复选框和单选框美化插件

Aug 02 Javascript

javascript学习笔记(十九) 节点的操作实现代码

Jun 20 Javascript

js解析与序列化json数据(二)序列化探讨

Feb 01 Javascript

jquery+ajax验证不通过也提交表单问题处理

Dec 12 Javascript

node.js中的buffer.length方法使用说明

Dec 14 Javascript

JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

Jul 01 Javascript

jQuery实现搜索页面关键字的功能

Feb 16 Javascript

深入理解React Native原生模块与JS模块通信的几种方式

Jul 24 Javascript

bootstrap中日历范围选择插件daterangepicker的使用详解

Apr 17 Javascript

微信小程序实现图片上传放大预览删除代码

Jun 28 Javascript

react在安卓中输入框被手机键盘遮挡问题的解决方法

Sep 03 Javascript

Vue 第三方字体图标引入 Font Awesome的方法

Sep 28 #Javascript

浅谈VUE-CLI脚手架热更新太慢的原因和解决方法

Sep 28 #Javascript

用npm安装vue和vue-cli,并使用webpack创建项目的方法

Sep 28 #Javascript

详解适配器在JavaScript中的体现

Sep 28 #Javascript

在微信小程序中渲染HTML内容的方法示例

Sep 28 #Javascript

Vue父子组件之间的通信实例详解

Sep 28 #Javascript

vue引入axios同源跨域问题

Sep 27 #Javascript

You might like

Laravel 4 初级教程之视图、命名空间、路由

2014/10/30 PHP

PHP获取数组中重复最多的元素的实现方法

2014/11/11 PHP

PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例

2017/06/07 PHP

php获取ajax的headers方法与内容实例

2017/12/27 PHP

如何解决Jquery库及其他库之间的$命名冲突

2013/09/15 Javascript

纯JavaScript 实现flappy bird小游戏实例代码

2016/09/27 Javascript

微信公众号提示：Unauthorized API function 问题解决方法

2016/12/05 Javascript

angular2中router路由跳转navigate的使用与刷新页面问题详解

2017/05/07 Javascript

详谈js模块化规范

2017/07/07 Javascript

AngularJS实现的JSONP跨域访问数据传输功能详解

2017/07/20 Javascript

微信小程序dom操作的替代思路实例分析

2018/12/06 Javascript

在微信小程序中使用vant的方法

2019/06/07 Javascript

[44:15]国士无双DOTA2 6.82版本详解（上）

2014/09/28 DOTA

用python实现的去除win下文本文件头部BOM的代码

2013/02/10 Python

简单介绍Python2.x版本中的cmp()方法的使用

2015/05/20 Python

Python matplotlib画图实例之绘制拥有彩条的图表

2017/12/28 Python

Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例

2019/02/21 Python

python中aioysql(异步操作MySQL)的方法

2019/04/11 Python

Opencv-Python图像透视变换cv2.warpPerspective的示例

2019/04/11 Python

python实现nao机器人身体躯干和腿部动作操作

2019/04/29 Python

使用Python刷淘宝喵币（低阶入门版）

2019/10/30 Python

关于torch.optim的灵活使用详解(包括重写SGD,加上L1正则)

2020/02/20 Python

在python下实现word2vec词向量训练与加载实例

2020/06/09 Python

Python Pillow(PIL)库的用法详解

2020/09/19 Python

css3实现背景模糊的三种方式(小结)

2020/05/15 HTML / CSS

HTML5 Canvas实现玫瑰曲线和心形图案的代码实例

2014/04/10 HTML / CSS

国际象棋商店：The Chess Store

2018/07/09 全球购物

12月小学生校园广播稿

2014/02/04 职场文书

工程承包协议书

2014/04/22 职场文书

关工委先进个人事迹材料

2014/05/23 职场文书

会计系毕业生求职信

2014/05/28 职场文书

美德少年事迹材料500字

2014/08/19 职场文书

活动总结新闻稿

2014/08/30 职场文书

社区灵活就业证明

2014/11/03 职场文书

实习单位鉴定意见

2015/06/04 职场文书

演讲稿之开卷有益

2019/08/07 职场文书