在vue-cli的组件模板里使用font-awesome的两种方法
更新时间：2018年09月28日 09:33:21 作者：夏天的风欧阳冰嫣
今天小编就为大家分享一篇在vue-cli的组件模板里使用font-awesome的两种方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
方法一：
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-cli3+typescript的项目模板创建工程的教程
- 基于vue-cli3+typescript的tsx开发模板搭建过程分享
- 详解搭建一个vue-cli的移动端H5开发模板
- vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
- vue-cli的工程模板与构建工具详解
- 新版vue-cli模板下本地开发环境使用node服务器跨域的方法
- 快速解决vue-cli不能初始化webpack模板的问题
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- 使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
- vue-cli的webpack模板项目配置文件分析
- 如何使用 vue-cli 创建模板项目
相关文章
这篇文章主要为大家详细介绍了Vue组件实现旋转木马动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
本文主要介绍了vue项目运行时出现It works的问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要介绍了Vue如何给组件添加点击事件 @click.native，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了Vue中computed和watch有哪些区别，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
Vue3.0之引入Element-plus ui样式的两种方法
本文主要介绍了Vue3.0之引入Element-plus ui样式的两种方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要介绍了vue关于重置表单数据出现undefined的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
在本篇文章里小编给大家整理的是关于vue倒计时刷新页面不会从头开始的解决方法，需要的朋友们参考下。2020-03-03
这篇文章主要为大家详细介绍了vue.js实现照片放大功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
Jessibuca进行直播流播放,为用户带来便捷、高效的视频观看体验,下面这篇文章主要给大家介绍了关于vue2之jessibuca视频插件使用的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2024-09-09
vue中使用echarts并根据选择条件动态展示echarts图表
虽然老早就看过很多echarts的例子, 但自己接触的项目中一直都没有真正用到过,直到最近才开始真正使用,下面这篇文章主要给大家介绍了关于vue中使用echarts并根据选择条件动态展示echarts图表的相关资料,需要的朋友可以参考下2023-12-12
最新评论