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

Javascript 错误处理的几种方法

Jun 13 Javascript

分享JavaScript获取网页关闭与取消关闭的事件

Dec 13 Javascript

详解基于Bootstrap扁平化的后台框架Ace

Nov 27 Javascript

Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（二）

Dec 10 Javascript

jQuery版本升级踩坑大全

Jan 12 Javascript

JS实战篇之收缩菜单表单布局

Dec 10 Javascript

详解Node.js项目APM监控之New Relic

May 12 Javascript

使用vuex缓存数据并优化自己的vuex-cache

May 30 Javascript

vue 实现axios拦截、页面跳转和token 验证

Jul 17 Javascript

如何在Vue中使用CleaveJS格式化你的输入内容

Dec 14 Javascript

微信小程序页面间传值与页面取值操作实例分析

Apr 30 Javascript

JS开发常用工具函数(小结)

Jul 04 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

discuz加密解密函数使用方法和中文注释

2014/01/21 PHP

图文详解phpstorm配置Xdebug进行调试PHP教程

2016/06/13 PHP

PHP多进程之pcntl_fork的实例详解

2017/10/15 PHP

js获取元素的外链样式的简单实现方法

2016/06/06 Javascript

JS获取地址栏参数的两种方法(简单实用)

2016/06/14 Javascript

jQuery实现简单的网页换肤效果示例

2016/09/18 Javascript

Bootstrap Table 删除和批量删除

2017/09/22 Javascript

AngularJS动态添加数据并删除的实例

2018/02/27 Javascript

修改npm全局安装模式的路径方法

2018/05/15 Javascript

微信小程序实现自定义picker选择器弹窗内容

2020/05/26 Javascript

常见的浏览器存储方式（cookie、localStorage、sessionStorage）

2019/05/07 Javascript

vue点击页面空白处实现保存功能

2019/11/06 Javascript

javascript实现画板功能

2020/04/12 Javascript

解决vue2中使用elementUi打包报错的问题

2020/09/22 Javascript

antd form表单数据回显操作

2020/11/02 Javascript

js实现扫雷源代码

2020/11/27 Javascript

[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26

2018/08/30 DOTA

Python 面向对象成员的访问约束

2008/12/23 Python

python基础教程之循环介绍

2014/08/29 Python

Python的Django框架中的URL配置与松耦合

2015/07/15 Python

Python实现将目录中TXT合并成一个大TXT文件的方法

2015/07/15 Python

Python中列表和元组的相关语句和方法讲解

2015/08/20 Python

python中使用正则表达式的连接符示例代码

2017/10/10 Python

Python中的默认参数实例分析

2018/01/29 Python

Python实现多线程/多进程的TCP服务器

2019/09/03 Python

Python3 合并二叉树的实现

2019/09/30 Python

Sunglasses Shop德国站：欧洲排名第一的太阳镜网站

2017/08/01 全球购物

文件中有一组整数，要求排序后输出到另一个文件中

2012/01/04 面试题

工程学毕业生自荐信

2014/06/14 职场文书

2014最新党员批评与自我批评材料

2014/09/24 职场文书

离婚协议书应该怎么写

2014/10/12 职场文书

公司2014年度工作总结

2014/12/10 职场文书

月考总结与反思

2015/10/22 职场文书

Windows 11上手初体验：任务栏和开始菜单等迎来大改

2021/11/21 数码科技

浅析python中特殊文件和特殊函数

2022/02/24 Python

MySQL选择合适的备份策略和备份工具

2022/06/01 MySQL