Vue.JS开源:dashboard - 基于 Vue 2.0 优雅的管理后台

371509796 3年前
   <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>