编程 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 浮动广告实现代码

Dec 25 Javascript

window.addEventListener来解决让一个js事件执行多个函数

Dec 26 Javascript

javascript学习笔记（六）数据类型和JSON格式

Oct 08 Javascript

利用CSS3在Angular中实现动画

Jan 15 Javascript

AngularJS基础 ng-options 指令详解

Aug 02 Javascript

Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数

Sep 11 Javascript

浅谈vue,angular,react数据双向绑定原理分析

Nov 28 Javascript

详解Axios 如何取消已发送的请求

Oct 20 Javascript

JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式

Jul 10 Javascript

JS实现的排列组合算法示例

Jul 16 Javascript

解决layer.prompt无效的问题

Sep 24 Javascript

Antd-vue Table组件添加Click事件,实现点击某行数据教程

Nov 17 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源代码

2009/08/21 PHP

ThinkPHP写第一个模块应用

2012/02/20 PHP

PHP Global变量定义当前页面的全局变量实现探讨

2013/06/05 PHP

PHP 中使用explode()函数切割字符串为数组的示例

2017/05/06 PHP

php实现表单提交上传文件功能

2018/05/28 PHP

PHP重载基础知识回顾

2020/09/10 PHP

ASP.NET中基于JQUERY的高性能的TreeView补充

2011/02/23 Javascript

自定义ExtJS控件之下拉树和下拉表格附源码

2013/10/15 Javascript

js生成随机数之random函数随机示例

2013/12/20 Javascript

控制文字内容的显示与隐藏示例

2014/06/11 Javascript

5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例

2015/01/29 Javascript

jQuery删除一个元素后淡出效果展示删除过程的方法

2015/03/18 Javascript

jQuery插件slick实现响应式移动端幻灯片图片切换特效

2015/04/12 Javascript

JS延时器提示框的应用实例代码解析

2016/04/27 Javascript

JavaScript 中对象的深拷贝

2016/12/04 Javascript

bootstrap css样式之表单

2017/01/19 Javascript

nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较

2017/09/18 NodeJs

vue实现的组件兄弟间通信功能示例

2018/12/04 Javascript

webpack的pitching loader详解

2019/09/23 Javascript

如何在wxml中直接写js代码(wxs)

2019/11/14 Javascript

vue2路由基本用法实例分析

2020/03/06 Javascript

[08:08]DOTA2-DPC中国联赛2月28日Recap集锦

2021/03/11 DOTA

python中reload(module)的用法示例详解

2017/09/15 Python

python将视频转换为全字符视频

2019/04/26 Python

python 定义类时,实现内部方法的互相调用

2019/12/25 Python

python实现tail -f 功能

2020/01/17 Python

Python基于pandas爬取网页表格数据

2020/05/11 Python

python使用opencv resize图像不进行插值的操作

2020/07/05 Python

Canvas制作旋转的太极的示例

2018/03/09 HTML / CSS

有趣的流行文化T恤、马克杯、手机壳和更多：Look Human

2019/01/07 全球购物

建筑工程自我鉴定

2013/10/18 职场文书

便利店投资创业计划书

2014/02/08 职场文书

医学生临床实习自我评价

2014/03/07 职场文书

社团活动总结书

2014/06/27 职场文书

建筑施工安全生产责任书

2014/07/22 职场文书

党员创先争优心得体会

2014/09/11 职场文书