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

通过MSXML2自动获取QQ个人头像及在线情况(给初学者)

Jan 22 Javascript

出现“不能执行已释放的Script代码”错误的原因及解决办法

Aug 29 Javascript

jquery checkbox全选、取消全选实现代码

Mar 05 Javascript

基于jquery实现的文字淡入淡出效果

Nov 14 Javascript

基于JQuery制作可编辑的表格特效

Dec 23 Javascript

JS实现的五级联动菜单效果完整实例

Feb 23 Javascript

在使用JSON格式处理数据时应该注意的问题小结

May 20 Javascript

利用d3.js制作连线动画图与编辑器的方法实例

Sep 05 Javascript

Vuex中实现数据状态查询与更改

Nov 08 Javascript

小程序接入腾讯位置服务的详细流程

Mar 03 Javascript

toString.call()通用的判断数据类型方法示例

Aug 28 Javascript

vue引入Excel表格插件的方法

Apr 28 Vue.js

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

外键(1) canvas(2) #{}(1) 选择器(1) flex-shrink(1) flex(1) 图片模糊(1) SQL注入(2) 克隆(1) 代理(2)

You might like

PHP 函数语法介绍一

2009/06/14 PHP

用php实现的下载css文件中的图片的代码

2010/02/08 PHP

推荐10个提供免费PHP脚本下载的网站

2014/12/31 PHP

使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)

2016/12/21 PHP

ThinkPHP5.0 图片上传生成缩略图实例代码说明

2018/06/20 PHP

javascript 表格排序和表头浮动效果(扩展SortTable)

2009/04/07 Javascript

javascript判断是手机还是电脑访问网页的简单实例分享

2014/06/03 Javascript

详解JavaScript中setSeconds()方法的使用

2015/06/11 Javascript

jQuery超精致图片轮播幻灯片特效代码分享

2015/09/10 Javascript

AngularJS手动表单验证

2016/02/01 Javascript

jQuery UI插件实现百度提词器效果

2016/11/21 Javascript

vue.js 左侧二级菜单显示与隐藏切换的实例代码

2017/05/23 Javascript

JS请求servlet功能示例

2017/06/01 Javascript

nodejs微信开发之自动回复的实现

2019/03/17 NodeJs

VUE实现自身整体组件销毁的示例代码

2020/01/13 Javascript

vue实现日历表格（element-ui）

2020/09/24 Javascript

[01:18:33]Secret vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3

2018/06/04 DOTA

[03:12]完美世界DOTA2联赛PWL DAY6集锦

2020/11/05 DOTA

python赋值操作方法分享

2013/03/23 Python

python实现udp数据报传输的方法

2014/09/26 Python

python实现颜色rgb和hex相互转换的函数

2015/03/19 Python

PyCharm设置护眼背景色的方法

2018/10/29 Python

python3实现猜数字游戏

2020/12/07 Python

浅析Python面向对象编程

2020/07/10 Python

美国在线面料商店：Fashion Fabrics Club

2020/01/31 全球购物

党员批评与自我批评（5篇）

2014/09/23 职场文书

机关作风整顿个人整改措施思想汇报

2014/09/29 职场文书

关于运动会广播稿200字

2014/10/08 职场文书

单位婚育证明范本

2014/11/21 职场文书

2014办公室年度工作总结

2014/12/09 职场文书

财务工作失误检讨书

2015/02/19 职场文书

文艺晚会开场白

2015/05/29 职场文书

煤矿安全生产工作总结

2015/08/13 职场文书

Python中json.load()和json.loads()有哪些区别

2021/06/07 Python

详解JavaScript的计时器和按钮效果设置

2022/02/18 Javascript

nginx配置指令之server_name的具体使用

2022/08/14 Servers