在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 相关文章推荐
xheditor与validate插件冲突的解决方案
Apr 15 Javascript
Javascript动态绑定事件的简单实现代码
Dec 25 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
JS基于cookie实现来宾统计记录访客信息的方法
Aug 04 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
Dec 18 Javascript
js+css实现打字效果
Jun 24 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
vue中使用[provide/inject]实现页面reload的方法
Sep 30 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
Oct 24 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中3种方法统计字符串中每种字符的个数并排序
2012/08/27 PHP
phpwind放自动注册方法
2006/12/02 Javascript
javascript 函数使用说明
2010/04/07 Javascript
javascript之典型高阶函数应用介绍二
2013/01/10 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
javascript 动态创建表格
2015/01/08 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
详解Angular.js的$q.defer()服务异步处理
2016/11/06 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
vue自定义正在加载动画的例子
2019/11/14 Javascript
python 解析html之BeautifulSoup
2009/07/07 Python
Django中几种重定向方法
2015/04/28 Python
python生成器表达式和列表解析
2016/03/10 Python
Python 的内置字符串方法小结
2016/03/15 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
HTML5触摸事件(touchstart、touchmove和touchend)的实现
2020/05/08 HTML / CSS
阿玛尼意大利官网:Armani意大利
2018/10/30 全球购物
美国糖果店:Sugarfina
2019/02/21 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
P D PAOLA法国官网:西班牙著名的珠宝首饰品牌
2020/02/15 全球购物
零件设计自荐信范文
2013/11/27 职场文书
矫正人员思想汇报
2014/01/08 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
人民检察院起诉书
2015/05/20 职场文书
班级班风口号大全
2015/12/25 职场文书
vue组件vue-esign实现电子签名
2022/04/21 Vue.js