Vue.JS开源:dashboard - 基于 Vue 2.0 优雅的管理后台
371509796
8年前
<h2>Dashboard</h2> <p>A dashboard scaffolding based on vue.js inspired by <a href="/misc/goto?guid=4959719542647030039" rel="nofollow,noindex">vuejs-templates/webpack</a> .</p> <h2>Preview</h2> <p><img src="https://simg.open-open.com/show/b4f7dcc0e904b9eee6c65960dbf99d45.png"></p> <h2>Online demo</h2> <p><a href="/misc/goto?guid=4959747016344912769" rel="nofollow,noindex">http://dashboard.micua.com</a></p> <ul> <li>username: zce</li> <li>password: wanglei</li> </ul> <h2>Environment</h2> <ul> <li><a href="/misc/goto?guid=4958867323246690255" rel="nofollow,noindex">Node</a> >= 6.0.0</li> <li><a href="/misc/goto?guid=4958999003582682021" rel="nofollow,noindex">Yarn</a> >= 0.20.0</li> <li><a href="/misc/goto?guid=4958867133348946608" rel="nofollow,noindex">NPM</a> >= 3.0.0</li> </ul> <h2>Stacks</h2> <ul> <li><a href="/misc/goto?guid=4958857378973396767" rel="nofollow,noindex">Vue</a></li> <li><a href="/misc/goto?guid=4958976113098745443" rel="nofollow,noindex">Vuex</a></li> <li><a href="/misc/goto?guid=4958976112930195679" rel="nofollow,noindex">Vue Router</a></li> <li><a href="/misc/goto?guid=4959747016612479215" rel="nofollow,noindex">Vue I18n</a></li> <li><a href="/misc/goto?guid=4959747016696414886" rel="nofollow,noindex">Vue Resource</a></li> <li><a href="/misc/goto?guid=4959007486484251452" rel="nofollow,noindex">Axios</a></li> <li><a href="/misc/goto?guid=4959740436179943323" rel="nofollow,noindex">Element UI</a></li> <li><a href="/misc/goto?guid=4959661532367496428" rel="nofollow,noindex">NProgress</a></li> <li><a href="/misc/goto?guid=4958999009084926641" rel="nofollow,noindex">Webpack</a></li> <li><a href="/misc/goto?guid=4959669315720502007" rel="nofollow,noindex">Vue Loader</a></li> <li><a href="/misc/goto?guid=4958877845976897237" rel="nofollow,noindex">Babel</a></li> <li><a href="/misc/goto?guid=4958184196366000958" rel="nofollow,noindex">Sass</a></li> <li><a href="/misc/goto?guid=4958874766097237182" rel="nofollow,noindex">JSON Server</a></li> <li><a href="/misc/goto?guid=4959639604660922977" rel="nofollow,noindex">Mock</a></li> <li><a href="/misc/goto?guid=4958870940891400873" rel="nofollow,noindex">ESLint</a></li> <li><a href="/misc/goto?guid=4959625317516528034" rel="nofollow,noindex">EditorConfig</a></li> <li><a href="/misc/goto?guid=4958533335774215227" rel="nofollow,noindex">Travis CI</a></li> </ul> <h2>Clone Repo</h2> <pre> # clone $ git clone https://github.com/zce/dashboard.git # submodule $ git submodule init && git submodule update</pre> <h2>Build Setup</h2> <pre> # 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> <p>or yarn</p> <pre> # 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> <h2>Todos</h2> <ul> <li>Restructure config file</li> <li>Remove unused package</li> <li>Try iView UI</li> <li>Element UI theme</li> <li>All pages structure</li> <li>Mock || JSON Server</li> <li>Global state</li> <li>List table</li> <li>Login module</li> <li>Restructure libs</li> <li>Axios resource</li> <li>Options module</li> <li>Users module</li> <li>Media module</li> <li>Posts module</li> <li>Terms module</li> <li>Comments module</li> <li>Other module</li> <li>Config package</li> <li>Deploy to GitHub Pages by Travis CI</li> </ul> <h2>Link</h2> <ul> <li><a href="/misc/goto?guid=4959747017110818081" rel="nofollow,noindex">Compare vs: f78054</a></li> </ul> <h2>Packages</h2> <pre> yarn add axios element-ui nprogress store vue vue-i18n vue-router vuex vuex-router-sync -S</pre> <pre> 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</pre> <h2>License</h2> <p><a href="/misc/goto?guid=4959747017195279349" rel="nofollow,noindex">MIT</a> © <a href="/misc/goto?guid=4959747017269382137" rel="nofollow,noindex">汪磊</a> & <a href="/misc/goto?guid=4959747017424543290" rel="nofollow,noindex">WEDN.NET</a></p> <p> </p> <p>项目主页:<a href="http://www.open-open.com/lib/view/home/1491891181797">http://www.open-open.com/lib/view/home/1491891181797</a></p> <p> </p>