在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 相关文章推荐
Maps Javascript
Jan 22 Javascript
js用Date对象处理时间实现思路及代码
Jan 31 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
基于JavaScript实现幸运抽奖页面
Jul 05 Javascript
Vue resource三种请求格式和万能测试地址
Sep 26 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 Javascript
Javascript生成器(Generator)的介绍与使用
Jan 31 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
图形数字验证代码
2006/10/09 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
event对象获取方法总结在google浏览器下测试
2013/11/03 Javascript
基于JavaScript实现Tab选项卡切换效果
2016/11/24 Javascript
微信小程序开发之左右分栏效果的实例代码
2019/05/20 Javascript
Vuex实现简单购物车
2021/01/10 Vue.js
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
python类定义的讲解
2013/11/01 Python
python3实现短网址和数字相互转换的方法
2015/04/28 Python
python实现将pvr格式转换成pvr.ccz的方法
2015/04/28 Python
详细介绍Python的鸭子类型
2016/09/12 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
解决pyqt5中QToolButton无法使用的问题
2019/06/21 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
python 常用日期处理-- datetime 模块的使用
2020/09/02 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
python 录制系统声音的示例
2020/12/21 Python
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
美国美发品牌:Bumble and Bumble
2016/10/08 全球购物
HelloFresh奥地利:立即订购烹饪盒
2019/02/22 全球购物
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
企业精神口号
2014/06/11 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
个人求职意向书
2015/05/11 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
学校运动会感想
2015/08/10 职场文书
关于职业道德的心得体会
2016/01/18 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis