Need help with dashboard?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

zce
532 Stars 118 Forks MIT License 396 Commits 12 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 11,415
JavaScr...
HTML
wechat
github-...
192 commits
# 24
netlify
TypeScr...
Nest
GraphQL
11 commits
# 474,264
JavaScr...
HTML
vue2
vue-dem...
1 commit
# 232,927
JavaScr...
truffle
CSS
vue2
1 commit
# 7,515
Koa
webpack...
Nest
leetcod...
1 commit

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

  • [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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.