从无到有搭建Vue.js+webpack前端开发环境（六）

上一篇讲了vuex库的引入，这篇我们会对主流的vue.js的UI库做比较并详细的介绍一下iView这个UI库。

第六阶段：引入iView库

主流vue.js的UI库比较

• Element

Element是饿了么前端开发的一套UI库。除了vue.js，它还支持了React和Angular这两个前端开发框架，在市场上不断获得好评。在官网上，它主要强调了一致性、反馈、效率和可控这四个特点。这个UI库虽然样式丰富而且支持vue2.0，但生硬的风格一直是为人诟病。

• N3

N3这个UI库是个人开发的开源项目，目前为止在GitHub上已经有800+的star。同样，它也是支持vue2.0的，但是组件的可选属性比较少。

• HeyUI

HeyUI也是个人开发的一套UI库，它宣传的是简单、快速和可扩展。诞生的时间不是很长，但已经产生了不少影响。它也是支持vue2.0的,但是由于过新有很多功能还是不健全。

• iView

iView是我个人最看好的一个UI库。实际上也是个人开发的UI库，但是被很多大公司采用。样式风格也非常吸引人，而且组件丰富。我觉得以后会成为vue.js开发的标准UI库。当然，它也支持vue2.0的。

常用组件支持性对比1 常用组件支持性对比2

这是常用组件支持性对照表，可以看出Element和iView是比较全的。

如何引用iView库

官方推荐用npm安装，我们也这样将它引入我们的工程：

npm install iview --save

然后在main.js文件中引用：

import iView from 'iview';
import 'iview/dist/styles/iview.css';
Vue.use(iView);

本系列就到此为止了，主要是我自己对这小半年来知识的总结以及自己的反思，也希望分享给别人。网上有很多类似的教程，我之前也参考了部分，但都不是浅显易懂，尤其对那些没有前端模块化编程经验的同学来说。另外，我在写博客的构建的环境也会上传到我的GitHub上，希望大家star一下。