在vue-cli的组件模板里使用font-awesome的两种方法
作者：夏天的风欧阳冰嫣
今天小编就为大家分享一篇在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 创建模板项目