编程 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实现给出的盒子的序列是否可连为一矩型

Aug 30 Javascript

直接生成打开窗口代码，不必下载

May 14 Javascript

javascript 获取元素位置的快速方法 getBoundingClientRect()

Nov 26 Javascript

解决jquery的datepicker的本地化以及Today问题

May 23 Javascript

JS 添加千分位与去掉千分位的示例

Jul 11 Javascript

javascript实现博客园页面右下角返回顶部按钮

Feb 22 Javascript

JS给超链接加确认对话框的方法

Feb 24 Javascript

jQuery Mobile动态刷新页面样式的实现方法

May 28 Javascript

关于JavaScript 原型链的一点个人理解

Jul 31 Javascript

Angular+Bootstrap+Spring Boot实现分页功能实例代码

Jul 21 Javascript

详解Angular5 路由传参的3种方法

Apr 28 Javascript

Vue中的基础过渡动画及实现原理解析

Dec 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

example1.php

2006/10/09 PHP

深入php数据采集的详解

2013/06/02 PHP

PHP错误提示的关闭方法详解

2013/06/23 PHP

WordPress网站性能优化指南

2015/11/18 PHP

javascript 火狐(firefox)不显示本地图片问题解决

2008/07/05 Javascript

javascript 学习笔记(onchange等)

2010/11/14 Javascript

js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器

2013/05/21 Javascript

jquery实现html页面 div 假分页有原理有代码

2014/09/06 Javascript

实现图片预加载的三大方法及优缺点分析

2014/11/19 Javascript

javascript 实现map集合

2015/04/03 Javascript

Javascript中arguments用法实例分析

2015/06/13 Javascript

AngularJS ng-controller 指令简单实例

2016/08/01 Javascript

JS动态计算移动端rem的解决方案

2016/10/14 Javascript

详解Angular的内置过滤器和自定义过滤器【推荐】

2016/12/26 Javascript

小程序清理本地缓存的方法

2018/08/17 Javascript

AngularJs中$cookies简单用法分析

2019/05/30 Javascript

element-ui 中使用upload多文件上传只请求一次接口

2019/07/19 Javascript

Vue配置marked链接添加target="_blank"的方法

2019/07/19 Javascript

Webpack按需加载打包chunk命名的方法

2019/09/22 Javascript

Vue axios 跨域请求无法带上cookie的解决

2020/09/08 Javascript

从零开始用webpack构建一个vue3.0项目工程的实现

2020/09/24 Javascript

JavaScript原生数组函数实例汇总

2020/10/14 Javascript

详解Python编程中对Monkey Patch猴子补丁开发方式的运用

2016/05/27 Python

分析python切片原理和方法

2017/12/19 Python

python统计字母、空格、数字等字符个数的实例

2018/06/29 Python

Python爬虫实现抓取京东店铺信息及下载图片功能示例

2018/08/07 Python

Pandas时间序列重采样(resample)方法中closed、label的作用详解

2019/12/10 Python

Python autoescape标签用法解析

2020/01/17 Python

Python转换字典成为对象,可以用"."方式访问对象属性实例

2020/05/11 Python

CSS3实现瀑布流布局与无限加载图片相册的实例代码

2016/12/22 HTML / CSS

奥林匹亚体育：Olympia Sports

2020/12/30 全球购物

乡文化站暑期培训方案

2014/08/28 职场文书

个人简历自我评价怎么写

2015/03/10 职场文书

大学生个人简历自我评价

2015/03/11 职场文书

2015团员个人年度总结

2015/11/24 职场文书

Python趣味挑战之用pygame实现简单的金币旋转效果

2021/05/31 Python