在vue-cli的组件模板里使用font-awesome的两种方法
2018-12-03 09:26
941 查看
方法一:
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的两种方法
- 在vue-cli的组件模板里使用font-awesome
- 新版vue-cli模板下本地开发环境使用node服务器跨域的方法
- vue如何在一个组件中引用另外一个组件并使用?有两种方法
- Font Awesome Text 使用方法
- TabHost 两种使用方法 直接让一个Activity 继承TabActivity 和 利用findViwById()方法取得TagHost组件
- ThinkPHP在Cli模式下使用模板引擎的方法
- Android 两种为自定义组件添加属性的使用方法和区别
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- doT js模板引擎 使用自定义函数进行渲染的两种方法
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- ThinkPHP在Cli模式下使用模板引擎的方法
- vue-cli 组件的使用
- Vue.js路由组件vue-router使用方法详解
- iconfont和Font Awesome使用方法
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- JS上传组件FileUpload自定义模板的使用方法
- TabHost 两种使用方法 直接让一个Activity 继承TabActivity 和 利用findViwById()方法取得TagHost组件