PLATO :construction:

:heart: a Boilerplate for SPAs use vue, vuex, vue-router

Online Demo, Documentation

• :white_check_mark: Plugins like vuex, i18n, validator and ajax are almost ready, could be used in production amusedly.
• :negative_squared_cross_mark: UI components are NOT stable, could be changed anytime.

Change Log

• 20160721
  • rename vx to store
  • move types to modules
• 20160715
  • use [email protected], with expires options
• 20160709 :warning: Breaking Changes
  • use [email protected]
  • update [email protected]
  • rewite vx/**
• 20160704 :warning: Breaking Changes
  • use [email protected]
  • update [email protected]
  • rewite vx/modules
• 20160701
  • make plato simple: remove built-in components, use plato-components
• 20160630
  • update npm scripts
• 20160629
  • 升级 [email protected]，解决 #5
• 20160625
  • 增加阿拉伯语演示
• 20160624
  • 演示网站增加文档页面
  • c-textfield 支持自定义 type
  • m-field 移除 _attrs，validate 不再合入 attrs
  • m-field 增加 align 属性
• 20160623
  • 移除 vx/utils
  • 移除 request 的 hooks
  • 优化 request 的错误处理
  • progress、toasts 移到 vx/middlewares 中处理
  • 升级 vuex-promise
• 20160622
  • :construction: 简化 i18n 使用
  • 为保证数据都在 vuex 管理，默认不启用 plugins/ajax
  • 移除 c-value
  • 优化 c-modal
  • 增加 action sheet 演示（基于 c-modal）
• 20160620
  • 移除 <router-view> 中的 transition-mode #5
• 20160619
  • 使用 icomoon 管理图标字体，因为 iconfont 不支持连体字符

Principles

• 使用 ES6 编写
• 使用 .vue 单文件组件
  • 逻辑尽量写在 script 里，保持 template 逻辑简单
• 向 vue@2 靠拢
• 不限制使用何种 UI 组件，可以使用第三方，或自己开发（请尽量考虑复用性）
• 尽量使用小的依赖库

Troubleshooting

• Nodemon has error with [email protected], so please use [email protected]

Usage

# install dependencies
npm install

# serve with hot reload at localhost:3000
npm run dev

# serve with mocking. see mocks in /apis
npm run dev:mock

# clean
npm run clean

# build for production with minification
npm run compile

# run server in production
npm start

# run unit tests
npm run unit

# run lint and unit
npm test

Backend

使用 koa@2 实现开发调试服务

若要寻找“完整”的后端，请访问分支 backend

Appendix

• vue-devtools
• awesome-vue