Vue.JS開源：dashboard - 基于 Vue 2.0 優雅的管理后臺

371509796 7年前發布 | 27K 次閱讀 Vue.js Vue.js開發

Dashboard

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

Preview

Online demo

http://dashboard.micua.com

  • username: zce
  • password: wanglei

Environment

Stacks

Clone Repo



clone


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


submodule


$ git submodule init && git submodule update</pre> 
  
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</pre> 
  
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</pre> 
  
Todos
 
  
     
   
  • Restructure config file
    •  
   
  • Remove unused package
    •  
   
  • Try iView UI
    •  
   
  • Element UI theme
    •  
   
  • All pages structure
    •  
   
  • Mock || JSON Server
    •  
   
  • Global state
    •  
   
  • List table
    •  
   
  • Login module
    •  
   
  • Restructure libs
    •  
   
  • Axios resource
    •  
   
  • Options module
    •  
   
  • Users module
    •  
   
  • Media module
    •  
   
  • Posts module
    •  
   
  • Terms module
    •  
   
  • Comments module
    •  
   
  • Other module
    •  
   
  • Config package
    •  
   
  • Deploy to GitHub Pages by Travis CI
    •  
  
 
  
Link
 
   
  
Packages
 
  
yarn add axios element-ui nprogress store vue vue-i18n 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-import eslint-plugin-node 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
 
  
 
 
  
項目主頁：http://www.baiduhome.net/lib/view/home/1491891181797
 
  
 
 本文由用戶 371509796 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！