前端 : 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