在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实现移动端touch拖拽排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了mockjs+vue页面直接展示数据的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要为大家详细介绍了vue实现移动端拖动排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要介绍了vue 自定义指令directives及其常用钩子函数说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-01-01
vue.extend,mixins和vue.component的区别及说明
Vue.extend 创建Vue的子类,可视为组件构造函数,Vue.mixin 允许全局添加方法或属性,方便所有组件使用,Vue.component 是插件注册方法,通过Vue.extend创建的组件实例可以注册到Vue全局,使其在任何组件中可用2024-09-09
本篇文章主要介绍了vue 计时器组件的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
写后台管理的时候会有很多列表以及相应的条件查询,下面这篇文章主要给大家介绍了关于Vue3使用Element Plus实现列表界面的方法步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
过去在Vue2中,我们采用ref来获取标签的信息,用以替代传统 js 中的 DOM 行为,下面这篇文章主要给大家介绍了关于如何通过一篇文章搞懂Vue3中如何使用ref获取元素节点的相关资料,需要的朋友可以参考下2022-11-11
Vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据,下面这篇文章主要给大家介绍了关于Vue的模板语法以及案例的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
在 Vue.js 中,组件是构建应用程序的基本单位,然而,当你的应用程序变得复杂时,组件之间的通信变得至关重要,本文将介绍几种 Vue 组件之间通信的方式,帮助你更好地管理和组织代码,感兴趣的朋友一起看看吧2024-06-06
最新评论