crossjs / plato

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

_{Based on Vue 2.x}

a Boilerplate for [mobile] SPAs using vue, vuex, vue-router
Check out Documentation, Demonstrations and UI Components

中文说明

Principles

Less is More

Entities must not be multiplied beyond necessity

Scaffolding

Vue CLI Template

Features

• 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

Usage

# switch npm registry mirror
npm run mirror:<sdp|tb|npm>

# install dependencies with mirrors
npm run init

# lock dependencies version
npm run lock

# serve with hot reload at 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

Browser Support

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

License

MIT