Dashboard

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

Online demo

http://dashboard.micua.com

• username: admin
• password: password

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

Clone Repo

# clone
$ git clone https://github.com/zce/dashboard.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

Todos

• Restructure config file
• Remove unused package
• Try iView UI
• Element UI theme
• All pages structure
• Mock || JSON Server
• Global state
• Login module
• Options module
• Users module
• Media module
• Posts module
• Terms module
• Comments module
• Other module
• Config package

Link

• Intro Vue stack
• Resources
• Notepad
• ElemeFE/element-dashboard
• ElementUI/element-admin
• lynzz/element-admin
• commit: 358ad2
• compare: 358ad2

Packages

yarn add element-ui nprogress vue vue-i18n vue-resource vue-router vuex vuex-router-sync -S

yarn add autoprefixer babel-core babel-eslint babel-loader babel-plugin-transform-runtime babel-preset-env babel-preset-stage-2 chalk compression-webpack-plugin connect-history-api-fallback copy-webpack-plugin css-loader eslint eslint-config-standard eslint-friendly-formatter eslint-loader eslint-plugin-html eslint-plugin-promise eslint-plugin-standard eventsource-polyfill express extract-text-webpack-plugin file-loader friendly-errors-webpack-plugin html-webpack-plugin http-proxy-middleware node-sass opn optimize-css-assets-webpack-plugin ora rimraf sass-loader semver url-loader vue-loader vue-style-loader vue-template-compiler webpack webpack-bundle-analyzer webpack-dev-middleware webpack-hot-middleware -D

License

MIT © 汪磊 & WEDN.NET