在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的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 Javascript
jquery.validate使用攻略 第一部
Jul 01 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
Jun 27 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
简述vue-cli中chainWebpack的使用方法
Jul 30 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
Aug 14 Javascript
关于Vue中axios的封装实例详解
Oct 20 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
与空气斗智斗勇的经典《Overlord》,传说中的“无稽之谈”
2020/04/09 日漫
德生PL550的电路分析
2021/03/02 无线电
把PHP安装为Apache DSO
2006/10/09 PHP
十天学会php之第三天
2006/10/09 PHP
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
php 面试碰到过的问题 在此做下记录
2011/06/09 PHP
php实现json编码的方法
2015/07/30 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
网页中CDATA标记的说明
2010/09/12 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
2016/01/26 Javascript
Bootstrap中datetimepicker使用小结
2016/12/28 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
ios设备中angularjs无法改变页面title的解决方法
2018/09/13 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
JavaScript变量Dom对象的所有属性
2020/04/30 Javascript
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
pandas数据集的端到端处理
2019/02/18 Python
解决pycharm 工具栏Tool中找不到Run manager.py Task的问题
2019/07/01 Python
在Python IDLE 下调用anaconda中的库教程
2020/03/09 Python
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
大学自我鉴定范文
2013/12/26 职场文书
六一亲子活动总结
2014/07/01 职场文书
赔偿协议书范本
2014/09/12 职场文书
刑事辩护词范文
2015/05/21 职场文书
2015国庆节宣传语
2015/07/14 职场文书
PHP实现两种排课方式
2021/06/26 PHP
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript