在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 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
Sep 03 Javascript
页面加载完后自动执行一个方法的js代码
Sep 06 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
D3.js实现雷达图的方法详解
Sep 22 Javascript
Bootstrap面板使用方法
Jan 16 Javascript
Webpack如何引入bootstrap的方法
Jun 17 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
Sep 21 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
Yii2框架实现注册和登录教程
2016/09/30 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
JavaScript DOM 学习第三章 内容表格
2010/02/19 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
理解javascript中Map代替循环
2016/02/26 Javascript
angularjs定时任务的设置与清除示例
2017/06/02 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
详解Node 定时器
2018/02/26 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
详解javascript脚本何时会被执行
2021/02/05 Javascript
JavaScript实现点击出现子菜单效果
2021/02/08 Javascript
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
python的re模块应用实例
2014/09/26 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
Python如何实现MySQL实例初始化详解
2017/11/06 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
使用Python轻松完成垃圾分类(基于图像识别)
2019/07/09 Python
通过python3实现投票功能代码实例
2019/09/26 Python
django自带的权限管理Permission用法说明
2020/05/13 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
详解python中的异常捕获
2020/12/15 Python
马来西亚与新加坡长途巴士售票网站:BusOnlineTicket.com
2018/11/05 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
小学教师评语大全
2014/04/23 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
英镑符号 £
2022/02/17 杂记