vue2.0项目常用node包介绍

vue2.0项目常用组件和js库介绍

vue项目搭建的基本方式，vue-cli的使用很多人写过了，这里不做太多介绍，本文章主要介绍在vue项目开发中的常用的node包，以及组件的介绍，不定期修改更新，如有错误请指正。

任何项目工程的开发和node包的设计要基于对业务的理解，也就是基于业务之上，这样才能在开发过程中对项目做到最好的兼容，提升开发速度以及提供迭代空间。

目前大部分前端开发分为web和app端开发两部分，大部分公司采用react.js用于web端开发，使用vue.js用于移动端开发（app和小程序），目前主要原因是vue需要使用到es6语法进行开发，而ie不支持。

吐槽：作为前端开发而言，对IE就没有好感，但市面上依旧有很多老旧电脑使用IE浏览器，特别是政府机构或者国资机构，为他们做开发系统时，vue基本不考虑上web端。虽然本人很喜欢vue的开发模式，简洁，方便。但奈何目前所在的公司的主要系统居然还是用的miniUI，传统互联网的无奈。特别是目前系统还需要兼容ie8，公司大部分项目还是使用react.js的低版本（大概11）。个人而言，非常喜欢vue的双向捆绑的逻辑思路，减少了很多代码逻辑。

组件

对于开发者，最主要的是开发组件，大型互联网公司基本有自己的一套组件框架，一般是公司架构组提供维护。但对于中小型公司或者传统互联网会采用开源组件。

适用于vue端web开发，个人最喜欢的设计风格和体验较好的是elementUI，但饿了么被阿里收购后放弃了对elementUI的维护，如果喜欢elementUI的风格，并且使用的是vue2.0做web端开发，可以考虑使用elementUI。如果考虑使用3.0版本请放弃使用。可以考虑Antd，虽然丑了点。。。

项目	组件推荐
web端(2.0)	ElementUI
web端(3.0)	Antd
app端和小程序（2.0）	vux，mintUI，vant

大部分项目可以通过一个组件进行处理，特殊类型template也可以采用已有组件进行二次封装自己制作一个符合需要的组件，在日常开发中，奇葩需求永远多于通用组件的使用范围，对一套组件的多次拆分重组可以满足需求。

其他好用的组件推荐

组件	特色	地址
Vue.Draggable	vue大部分组件不支持拖动处理，该组件提供了可拖动组件	https://github.com/SortableJS/Vue.Draggable
vue-chartjs	易于集成到vue的图表工具	https://github.com/apertureless/vue-chartjs

大部分组件都包含基本的输入输入，table表，form表单。主要考虑样式是否符合自己的需要。组件的目的是方便开发者进行快速开发，不需要从零开始。如果对于一个完整的项目，尽量只使用一套组件，以防样式不一样导致用户看着很突兀。

常用js库推荐

postcss

一个用 JavaScript 工具和插件转换 CSS 代码的工具，该工具可添加各浏览前前缀，减少开发者对不同浏览器的适配代码量等问题。（目前对这个的理解就这么多了，如果以后有什么新的理解再来写）

vue-i18n

多语言切换插件，适用于需要考虑多语言版本的系统，虽然在web端使用翻译即可，但在面向外贸等多语言的系统需要使用。

vue-animate

跨浏览器CSS3动画库，动画的使用时web端非常重要的一个优化用户体验的工具。

vue-clipboard

VueJS的剪贴板

momentJs

一款非常好用的时间的使用js。方便了大部分系统开发的时间显示和修改。该js囊括了所有时间的设计，开发和展示。但由于功能齐全，js过大，如果系统对时间使用量较少，不建议使用。

lodashjs

一致性、模块化、高性能的 JavaScript 实用工具库。

结尾

作为前端开发小白，目前用的比较多的就这些开发组件和常用js库，在之后开发中如有比较好用的组件和js，会不定期更新。