Dashboard

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

Preview

Online demo

https://dashboard.zce.me

• username: zce
• password: wanglei

P.S. For Chinese: https://zce.gitee.io/vue-admin

Usage

Getting Started

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

Available Scripts

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

# lint the source files.
$ npm run lint # or yarn lint

# build for production with minification
$ npm run build # or yarn build

# build for production and deploy to gh-pages
$ npm run deploy # or 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
$ npm install # or yarn
$ npm start # or 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 >= 10.0.0
• NPM >= 6.0.0 or Yarn >= 1.20.0

Stacks

• Vue CLI - Standard Tooling for Vue.js Development
• Vue - The Progressive JavaScript Framework
• Vuex - Official state management pattern / library for Vue.js applications
• Vue Router - Official router for Vue.js applications
• Vue I18n - Internationalization plugin for Vue.js
• Vue Resource - RESTful APIs library (instead by axios)
• Axios - AJAX call library
• Element UI - UI Framework (Partial use, such as forms, forms, etc)
• NProgress - For slim progress bars like on YouTube, Medium, etc
• Webpack - Bundler (within @vue/cli-service)
• Vue Loader - Bundler (within @vue/cli-service)
• Babel - JavaScript compiler (within @vue/cli-plugin-babel)
• ESLint - Linter (within @vue/cli-plugin-eslint)
• Sass - CSS Preprocessor
• EditorConfig
• Travis CI - CI System
• GitHub Actions - CI System
• JSON Server - Basic framework of serverside
• Mock
• etc.

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
• Users module
• JSDoc supports - https://code.visualstudio.com/Docs/languages/javascript
• Options module
• Media module
• Posts module
• Terms module
• Comments module
• Other module

License

MIT © 汪磊 & WEDN.NET