编程 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 相关文章推荐

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