Dashboard

A dashboard scaffolding based on vue.js inspired by vuejs-templates/webpack.

Preview

Online demo

http://dashboard.uieee.com

• username: zce
• password: wanglei

API Server

http://jsonplaceholder.uieee.com

Source: zce/api-server

Clone Repo

# clone
$ git clone https://github.com/zce/dashboard.git

# api server
$ git clone https://github.com/zce/api-server.git

# submodule
$ git submodule init && git submodule update

Build Setup

# install dependencies
$ npm install

# serve with hot reload at http://localhost:2017
$ npm run dev

# build for production with minification
$ npm run build

# build for production and view the bundle analyzer report
$ npm run build --report

# build for production and deploy to gh-pages
$ npm run deploy

or yarn

# install dependencies
$ yarn

# serve with hot reload at http://localhost:2017
$ yarn dev

# build for production with minification
$ yarn build

# build for production and view the bundle analyzer report
$ npm_config_report=true yarn build
# Windows
$ set npm_config_report=true yarn build

# build for production and deploy to gh-pages
$ yarn deploy

Environment

• Node >= 6.0.0
• Yarn >= 0.20.0
• NPM >= 3.0.0

Stacks

• Vue
• Vuex
• Vue Router
• Vue I18n
• Vue Resource
• Axios
• Element UI
• NProgress
• Webpack
• Vue Loader
• Babel
• Sass
• JSON Server
• Mock
• ESLint
• EditorConfig
• Travis CI

Todos

• Restructure config file
• Remove unused packages
• Custom Element UI theme
• All pages structure
• JSON Server
• Global state
• Table demo
• Login module
• Restructure libs code
• vue-resource -> Axios
• Options module
• Users module
• Media module
• Posts module
• Terms module
• Comments module
• Other module
• Config package
• Deploy to GitHub Pages by Travis CI

Link

• Compare vs: db40d7

License

MIT © 汪磊 & WEDN.NET