plato

_{基于 Vue 2.x}

a Boilerplate for [mobile] SPAs using vue, vuex, vue-router
Check out 文档, 示例 and UI 组件

设计原则

Less is More

若无必要，勿增实体

脚手架

注意：此仓库是实践示例，请不要直接克隆后用于项目开发，应使用如下方式初始化项目

• Vue CLI Template

版本锁

此项目尚处于 Beta 阶段，实际应用时请确保使用 npm-shrinkwrap.json

npm run mirror:<sdp|tb|npm> 可切换依赖项的源（registry）至 SDP、淘宝或 NPM

特性

• Core
  • system
  • util
  • components
  • directives
  • plugins
• Vue
  • Vue
  • Vue-Router
  • Vuex
  • Vuex-Actions (for async actions)
  • Vuex-LocalStorage (for cache and persistence)
• Build
  • Webpack
• Linters
  • ESLint
  • stylelint
• Tests
  • Karma
  • Mocha
  • Nightwatch
  • Selenium-Server
• Transformers
  • PostCSS (for css next)
    • postcss-rtl
    • postcss-flexible (for lib.flexible)
    • …
  • Babel (for es6)
• Worth Reading Modules
  • Logger
  • Persist
  • I18n
  • Validator
  • Request

使用方法

# 切换 NPM 源
npm run mirror:<sdp|tb|npm>

# 安装依赖项。通过指定镜像提高安装速度
npm run init

# 锁定依赖项版本。使用 npm shrinkwrap
npm run lock

# 启动开发服务。访问地址：localhost:3000
npm run dev

# eslint, stylelint, unit and e2e test
npm test

# test, clean, and compile
npm run build

# serve dist, like production
npm start

# generate demo site and push to gh-pages
npm run demo

# push modifications to github
npm run push

兼容性

• IE 9+
• Chrome
• Safari
• Firefox
• …
• Android 4+
• iOS 7+

版权

MIT