vue项⽬中使⽤vue-awesome
公司在项⽬重构时，遇到图标问题，然后把vue-awesome、iconfont、iconMoon都试了⼀遍，虽然最终使⽤了iconMoon但是也要把这两个过程记录⼀下。
1.⾸先安装vue-awesome依赖包
安装⽅法：
使⽤npm安装
npm install vue-awesome
使⽤bower安装
bower install vue-awesome
注意：安装之后打开node_modules⽂件夹，查看是否有vue-awesome⽂件夹，如果没有看是否是编辑器太慢的原因，也可以重启⼀下看是否有该⽂件
如果还没有表⽰没有安装成功，需要重新安装
2.在main.js⽂件下
在github上可以明确看到如果考虑项⽬⼤⼩，只导⼊⽤于减少包⼤⼩的图标
import 'vue-awesome/icons/flag'
否则
import 'vue-awesome/icons'
这⾥我不考虑⼤⼩使⽤第⼆种
然后
import Icon from 'vue-awesome/components/Icon'
全局使⽤
Vueponent('icon',Icon)
这⾥是我的代码提供参考
接下来就可以去在任何.vue组件中使⽤了！
这⾥我在最新刚刚下载好的vue-cli项⽬中试⽤⼀下，看⼀下效果
icon图标库<icon name="beer"></icon>
就会看到
如果你不知道，这些图标有哪些，叫什么名字，可以去font awesome官⽹上查看，vue-awesome是基于font awesome图标库来的

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。