Skip to content
/ dashboard Public template

A dashboard scaffolding based on Vue.js 3.0 created by Vite.

License

Notifications You must be signed in to change notification settings

zce/dashboard

Repository files navigation

dashboard

Build Status License Dependency Status devDependency Status Code Style

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

🎉 New dashboard scaffolding

https://github.com/zce/fearless

Features

  • Modern Vue.js Ecosystem
    • vue 3.x
    • vuex 4.x
    • vue-router 4.x
  • Fully strongly typed
    • typescript 4.x
  • Next generation frontend tooling
    • vite 2.x
  • HTTP request based on Fetch API
    • ky 0.x (not axios)
  • Customizable UI Library
    • naive-ui 2.x
  • Complete engineering workflow
    • eslint 7.x
    • husky 7.x
    • lint-staged 11.x
    • commitlint 13.x
  • Locally mocked API server
    • express 4.x
  • Authorization
    • Access token
    • Refresh token
    • Auth refresh token
    • Role based authorization
  • Modern application deployment
    • GitHub Actions
    • Vercel (with Serverless functions)

TODOs

  • Vite
  • Migration deps to 3.0
  • 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