花了一天时间，做了一套加班报名系统，前端基于webpack+vue+vux，后端基于express+lowdb。
以前在项目中也都接触过webpack+vue，第一次尝试使用vux，发现竟然出奇的好用。
如果需求对视觉要求不高，还是非常推荐把vux引进到项目中的。

项目地址
源码仓库

webpack + vue

初学者自己尝试搭从零开始搭webpack环境比较困难，官方文档太渣有一定因素，这里还是推荐使用 vue-cli 一步到位。

当然，光使用vue-cli生成的默认配置很难满足所有项目的需要，所以还需要对webpack有一些了解才行。

推荐一篇文章，对webpack解释的特别好
基于 webpack 搭建前端工程基础篇

他们家的公众号推的文章质量也很不错，推荐关注一下。

vue 2.0已经发布了，目前我还使用的是1.0.26版本，包括对应的vue-router也是1.0版本，看了半天vue-router 2.0版本的文档，怎么也跑不起来，后来才发现是自己看错文档了。

• webpack

• vue

vux

vux提供了各种各样的组件，基本上拿来就能用。

• Demo https://vux.li/

• Document https://vuxjs.gitbooks.io/vux/content/

express + lowdb

本着快速建站的原则，本来想尝试一下koa，想想这样可能会影响整个开发的进度，本次的主题是对vux的学习，所以koa只能下次再玩了。

lowdb，是一个基于文件存储的非关系型数据库，轻量级，便于携带型，拷个json文件就可以随意备份恢复了。

需要注意的是，lowdb读写文件默认都是同步的，将lowdb的写配置成异步写入能极大的提升性能。

如果你的数据比较多，几十万条几百万条的，那还是早点换正常点的数据库吧，比如MySQL。

lowdb的数据查找、筛选等操作基于lodash库，要掌握增删查改，还是要先学习一下lodash库的。

lodash是一个功能库，增强了很多针对对象、数组、字符串的功能方法，类似underscore。

• lowdb

• lodash

nginx

vue-router开启history模式后，需要配置一下nginx才能使它正常的工作，才不会出现404。

例：

http://ticket.imlianer.com/yypt

如果不配置nginx rewrite直接访问带path的链接会报404。

General

• Webpack 使项目组件化

• Vue 文档看得很舒服

• Vux 提供了各种完善的组件

有了这些，开发一个项目将会变得很轻松。