Dashboard

A dashboard scaffolding based on vue.js created by vuejs/vue-cli.

Preview

Online demo

https://dashboard.zce.me

• username: zce
• password: wanglei

Usage

Getting Started

# clone repo
$ git clone https://github.com/zce/dashboard.git
$ cd dashboard
# install dependencies
$ yarn # or npm install

Available Scripts

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

# lint the source files.
$ yarn lint

# build for production with minification
$ yarn build

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

API Server

https://dashboard-server.now.sh

Source: zce/dashboard-server

Usage

# clone api server
$ git clone https://github.com/zce/dashboard-server.git
# run api server
$ cd dashboard-server
$ yarn
$ yarn start
# => api server run @ http://localhost:2080

modify VUE_APP_API_BASE in .env.development or .env.prodution:

- VUE_APP_API_BASE=https://dashboard-server.now.sh
+ VUE_APP_API_BASE=http://localhost:3000

Environment

• Node >= 8.0.0
• Yarn >= 0.20.0 or NPM >= 3.0.0

Stacks

• Vue CLI 3
• 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
• Deploy to GitHub Pages by CI
• I18n Translation
• Options module
• Users module
• Media module
• Posts module
• Terms module
• Comments module
• Other module

License

MIT © 汪磊 & WEDN.NET