前端 : Vue + Mpvue(支持移动端与小程序) ; 后端 : koa(使用Koa2开发服务端)css
Vue 是一套用于构建用户界面的渐进式框架。
Vue
的核心库只关注视图层,不只易于上手,还便于与第三方库或既有项目整合。另外一方面,当与现代化的工具链以及各类支持类库结合使用时,Vue
也彻底可以为复杂的单页应用提供驱动。前端
mpvue 是一个使用
Vue.js
开发小程序的前端框架。框架基于Vue.js
核心,mpvue
修改了Vue.js
的 runtime 和 compiler 实现,使其能够运行在小程序环境中,从而为小程序开发引入了整套Vue.js
开发体验。vue
koa 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用,经过组合不一样的 generator,能够免除重复繁琐的回调函数嵌套, 并极大地提高错误处理的效率。koa 不在内核方法中绑定任何中间件, 它仅仅提供了一个轻量优雅的函数库,使得编写 Web 应用变得驾轻就熟。node
一个使用node服务同时支持移动端与小程序的聊天机器人webpack
# install dependencies
npm install
# build mini program
npm start
# build H5 pages
npm run startH5
# build pages for production with minification for mini program
npm run build
# build pages for production with minification for H5 program
npm run buildH5
# build node resource for server
gulp build
复制代码
# start mini progrom
npm run dev
# start H5 pages
npm run devH5
# start server
npm run server
复制代码
(服务端代码仅位于项目server
文件夹下,可根据自身需求进行拆分)git
project.config.json
文件,appid
处填写本身的微信开发帐号appid
;Vue.js
构建移动端应用mpvue
复用代码构建小程序应用Koa
构建服务端gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.github
Echarts 一个使用 JavaScript 实现的开源可视化库,能够流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。web
Day.js 一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持彻底同样. 若是您曾经用过 Moment.js, 那么您已经知道如何使用 Day.jsvuex
移动端 & 小程序apache