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

Javascript 相关文章推荐
jQuery 动画基础教程
Dec 25 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
JS替换字符串中字符即替换全部而不是第一个
Jun 04 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
leaflet的开发入门教程
Nov 17 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 Javascript
Vue的编码技巧与规范使用详解
Aug 28 Javascript
React自定义hook的方法
Jun 25 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
用PHP实现Ftp用户的在线管理
2012/02/16 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
WordPress分页伪静态加html后缀
2016/06/08 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
javascript 实现父窗口引用弹出窗口的值的脚本
2007/08/07 Javascript
javascript脚本调试方法小结
2008/11/24 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
escape函数解决js中ajax传递中文出现乱码问题
2014/10/30 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
Python实现二叉搜索树
2016/02/03 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
Python字符串格式化的方法(两种)
2017/09/19 Python
python如何实现反向迭代
2018/03/20 Python
python里dict变成list实例方法
2019/06/26 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
Python如何使用argparse模块处理命令行参数
2019/12/11 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
Python下载的11种姿势(小结)
2020/11/18 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
UGG英国官方网站:UGG UK
2018/02/08 全球购物
捐款倡议书范文
2014/02/02 职场文书
《搭石》教学反思
2014/04/07 职场文书
运动会横幅标语
2014/06/17 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
机关副主任个人四风问题整改措施
2014/09/26 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
天鹅湖观后感
2015/06/09 职场文书
推广普通话主题班会
2015/08/17 职场文书
Python中如何处理常见报错
2022/01/18 Python