Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zce/dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
https://github.com/zce/dashboard
dashboard vite vue vue-cli vue-demo vue-router vue-tutorial vue2 vue3 vuejs2 vuex webpack
Last synced: 29 days ago
JSON representation
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
- Host: GitHub
- URL: https://github.com/zce/dashboard
- Owner: zce
- License: mit
- Created: 2016-10-06T06:16:54.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2024-04-12T05:00:22.000Z (7 months ago)
- Last Synced: 2024-04-13T22:57:39.575Z (7 months ago)
- Topics: dashboard, vite, vue, vue-cli, vue-demo, vue-router, vue-tutorial, vue2, vue3, vuejs2, vuex, webpack
- Language: Vue
- Homepage: https://dashboard.zce.me
- Size: 29.1 MB
- Stars: 551
- Watchers: 28
- Forks: 125
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-element - zce/dashboard - templates/webpack. (Projects)
README
# dashboard
[![Build Status][actions-img]][actions-url]
[![License][license-img]][license-url]
[![Dependency Status][dependency-img]][dependency-url]
[![devDependency Status][devdependency-img]][devdependency-url]
[![Code Style][style-img]][style-url]
> 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
### Online demo
https://dashboard.zce.me
> - username: zce
> - password: wanglei
> P.S. For Chinese: https://zce.gitee.io/vue-admin
## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org) (>= 10.12, 12.10 preferred)
- [npm](https://www.npmjs.com) (>= 6.x) or [yarn](https://yarnpkg.com) (>= 1.20)
- [Git](https://git-scm.com) (>= 2.20)
### Clone & Install
```shell
# 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](https://github.com/zce/caz)
```shell
# create vue.js apps through this
$ npx caz vue dashboard
# enter generated directory
$ cd dashboard
```
### Available Scripts
```shell
# 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](https://github.com/zce/dashboard-server)
### Usage
```shell
# 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`:
```diff
- VUE_APP_API_BASE=https://dashboard-server.now.sh
+ VUE_APP_API_BASE=http://localhost:3000
```
## License
[MIT](LICENSE) © [汪磊](https://zce.me) & [WEDN.NET](https://wedn.net)
[actions-img]: https://github.com/zce/dashboard/workflows/CI/badge
[actions-url]: https://github.com/zce/dashboard/actions
[license-img]: https://img.shields.io/github/license/zce/dashboard
[license-url]: https://github.com/zce/dashboard/blob/master/LICENSE
[dependency-img]: https://img.shields.io/david/zce/dashboard
[dependency-url]: https://david-dm.org/zce/dashboard
[devdependency-img]: https://img.shields.io/david/dev/zce/dashboard
[devdependency-url]: https://david-dm.org/zce/dashboard?type=dev
[style-img]: https://img.shields.io/badge/code%20style-standard-brightgreen
[style-url]: https://standardjs.com