Awesome Open Source
Awesome Open Source

dashboard

Build Status License Dependency Status devDependency Status Code Style

A dashboard scaffolding based on Vue.js 3.0 & Vite.

TODOs

  • [x] Vite
  • [x] Migration deps to 3.0
  • [x] Basic API usage
  • [ ] Compatibility issues
  • [ ] Composition APIs

Features

  • Type annotation enhancement by JSDoc
  • Access control by route interception
  • Vuex (modules, plugins)
  • API Services
  • I18n support
  • Element UI custom theme
  • Travis CI & GitHub Actions
  • etc.

Preview

WEDN.NET Dashboard Login

WEDN.NET Dashboard List

Online demo

https://dashboard.zce.me

  • username: zce
  • password: wanglei

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

Getting Started

Prerequisites

Clone & Install

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

Scaffolding tools

Create an application by zce/caz

# create vue.js apps through this
$ npx caz vue dashboard
# enter generated directory
$ cd dashboard

Available Scripts

# dev with hot reload at http://localhost:3000
$ npm run dev # or yarn dev

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

Fake API Server

Online service by Vercel: https://dashboard-server.now.sh

Source: zce/dashboard-server

Usage

# clone api server
$ git clone https://github.com/zce/dashboard-server.git

$ cd dashboard-server

# install deps
$ npm install # or yarn

# run api server
$ npm start # or yarn start

# => api server run @ http://localhost:2080

Then 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

License

MIT © 汪磊 & WEDN.NET


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
vue (4,286
webpack (1,157
dashboard (471
vuex (422
vuejs2 (377
vue-router (287
vue2 (269
vue-cli (167
vue3 (132
vite (74
vue-demo (21