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

Jquery+CSS3实现一款简洁大气带滑动效果的弹出层

May 15 Javascript

Js中使用hasOwnProperty方法检索ajax响应对象的例子

Dec 08 Javascript

Javascript与jQuery方法的隐藏与显示

Jan 19 Javascript

jquery实现定时自动轮播特效

Dec 10 Javascript

JQuery 两种方法解决刚创建的元素遍历不到的问题

Apr 13 Javascript

Bootstrap安装环境配置教程分享

May 27 Javascript

JavaScript知识点总结(十一)之js中的Object类详解

May 31 Javascript

详解JavaScript按概率随机生成事件

Aug 02 Javascript

Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)

Nov 21 Javascript

Vue全局使用less样式,组件使用全局样式文件中定义的变量操作

Oct 21 Javascript

vue实现动态给id赋值,点击事件获取当前点击的元素的id操作

Nov 09 Javascript

微信小程序实现登录注册功能

Dec 29 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实现让页面只能被百度gogole蜘蛛访问的方法

2009/12/29 PHP

PHP缩略图等比例无损压缩，可填充空白区域补充色

2011/06/10 PHP

PHP实现websocket通信的方法示例

2018/08/28 PHP

小议Function.apply() 之一------(函数的劫持与对象的复制)

2006/11/30 Javascript

理解javascript中DOM事件

2015/12/25 Javascript

基于javascript实现句子翻牌网页版小游戏

2016/03/23 Javascript

分享一个插件实现水珠自动下落效果

2016/06/01 Javascript

浅析jQuery操作select控件的取值和设值

2016/12/07 Javascript

JS中的三个循环小结

2017/06/20 Javascript

Node.js Buffer用法解读

2018/05/18 Javascript

详解javascript 正则表达式之分组与前瞻匹配

2018/05/30 Javascript

vue2.0使用v-for循环制作多级嵌套菜单栏

2018/06/25 Javascript

JS实现获取进今年第几天是周几的方法分析

2018/06/27 Javascript

vue中使用heatmapjs的示例代码（结合百度地图）

2018/09/05 Javascript

Angular6 正则表达式允许输入部分中文字符

2018/09/10 Javascript

Vue.js中对css的操作（修改）具体方式详解

2018/10/30 Javascript

通过npm或yarn自动生成vue组件的方法示例

2019/02/12 Javascript

解决vue页面渲染但dom没渲染的操作

2020/07/27 Javascript

浅析微信小程序自定义日历组件及flex布局最后一行对齐问题

2020/10/29 Javascript

Python采用raw_input读取输入值的方法

2014/08/18 Python

用TensorFlow实现lasso回归和岭回归算法的示例

2018/05/02 Python

使用NumPy和pandas对CSV文件进行写操作的实例

2018/06/14 Python

python3.4 将16进制转成字符串的实例

2019/06/12 Python

Python运行DLL文件的方法

2020/01/17 Python

Python求解排列中的逆序数个数实例

2020/05/03 Python

出门问问全球官方商城：Tichome音箱和TicWatch智能手表

2017/12/02 全球购物

手工制作的意大利皮革运动鞋：KOIO

2020/01/05 全球购物

德国富尔达运动鞋店：43einhalb

2020/12/25 全球购物

大学自主招生自荐信

2013/12/16 职场文书

医学专业毕业生个人求职信

2013/12/25 职场文书

给学校的建议书范文

2014/05/15 职场文书

搞笑的获奖感言

2014/08/16 职场文书

上课迟到检讨书

2015/05/06 职场文书

法人代表证明书范本

2015/06/18 职场文书

趣味运动会新闻稿

2015/07/17 职场文书

一文帮你理解PReact10.5.13源码

2021/04/03 Javascript