vue3
所属分类:前端开发
开发工具:Vue
文件大小:2502KB
下载次数:0
上传日期:2022-11-20 07:57:36
上 传 者:
sh-1993
说明: 本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
(This project builds a general background management template based on vue3+ElementPlus+Typescript+Vite; Based on common business scenarios, common functional components are abstracted; Including dynamic menu, menu permission, login, theme switch, internationalization, personal center, form page, list page, copy text, QR code sharing, etc)
文件列表:
.cz-config.js (3290, 2022-11-20)
.editorconfig (774, 2022-11-20)
.env.development (209, 2022-11-20)
.env.production (230, 2022-11-20)
.eslintrc.js (901, 2022-11-20)
.husky (0, 2022-11-20)
.husky\commit-msg (77, 2022-11-20)
.husky\pre-commit (257, 2022-11-20)
.prettierrc (154, 2022-11-20)
.vscode (0, 2022-11-20)
.vscode\settings.json (413, 2022-11-20)
LICENSE (1069, 2022-11-20)
_config.yml (26, 2022-11-20)
auto-imports.d.ts (127, 2022-11-20)
commitlint.config.js (67, 2022-11-20)
components.d.ts (3501, 2022-11-20)
devNote.md (6209, 2022-11-20)
index.html (539, 2022-11-20)
package.json (3081, 2022-11-20)
public (0, 2022-11-20)
public\CNAME (30, 2022-11-20)
public\element-plus-logo-small.svg (995, 2022-11-20)
public\favicon.svg (995, 2022-11-20)
public\test (0, 2022-11-20)
public\test\jszip.js (40, 2022-11-20)
public\test\package.zip (160, 2022-11-20)
public\test\style.css (37, 2022-11-20)
set.json (227, 2022-11-20)
src (0, 2022-11-20)
src\App.vue (1421, 2022-11-20)
src\assets (0, 2022-11-20)
... ...
# vue3.0-template-admin
Vue3.0:
Vite :
Element-plus:
- ’ Vue 3.0 Composition API
- ” Written in TypeScript
- éè§ [vue3.0-template-admin](https://geekqiaqia.github.io/vue3.0-template-admin/#/login?redirect=/home)
## Show your support
Give a if this project helped you!
## ·è | The functionality is complete
- [x] Element Plus
- [x] N+1 ¤§è
- [x] Dashboard
- [x] è¨
- [x] router Tab é‰é
- [x] è¨
- [x] è¨ :antv or echart
- [x] ”
- [x] … Excel
- [x] Zip –
- [x] –
- [x] ––葨
- [x] markdown ЏԬ
- [x] é
- [x] /¨é
- [x] 404 / 403
- [x] è
- [x] 角è‰
- [x] è‰
- [x] ‰–/è‰
- [x] ”éè‰:é”è¤
- [x] ¤év-permisson /…¨±–$permission (è tableList.vue)
- [x] é…–
- [x] é
## ¨è | The functionality is being completed
- [x] –—
- [x] è¨
- [x] …§
## ”¨°’/“ | Plugin or lib
- **eslint-plugin-vue** [eslint-plugin-vue](https://eslint.vuejs.org/user-guide/#faq)
- **axios** ¤§‰è·±“
- **fues.js** [fues.js Fuzzy Search ‰¨](https://github.com/krisk/Fuse)
- **echart** [echart °è§–](http://echarts.apache.org/zh/index.html)
- **antv** [antv èè°è§–](https://antv.vision/zh)
- **xlsx** [xlsx SheetJS ](https://www.npmjs.com/package/xlsx)
- **jszip** [jszip §‰“ ](https://github.com/Stuk/jszip)
- **mockjs** [mockjs ¨’¤’°](http://mockjs.com/)
- **wangeditor** [wangeditor ––葨](https://www.wangeditor.com/doc/)
- **fullcalendar** [fullcalendar °—’](https://github.com/fullcalendar/fullcalendar-example-projects/tree/master/vue3-typescript)
- **driverJS** [èé§ driverJS –°”¨·](https://kamranahmed.info/driver.js/)
## ·¨– | Project Tool
- Git Hook ·…·[husky](https://typicode.github.io/husky/#/) + [lint-staged](https://github.com/okonet/lint-staged)
- è§è[EditorConfig](http://editorconfig.org) + [Prettier](https://prettier.io/) + [ESLint](https://eslint.org/) + [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript#translation)
- ¤è§è[Commitizen](http://commitizen.github.io/cz-cli/) + [Commitlint](https://commitlint.js.org/#/)
- …¨[only-allow](https://www.npmjs.com/package/only-allow)
## 觨”
¨è”¨`webkit`…觨
”°è§¨, ” IE
| [
](http://godban.github.io/browsers-support-badges/)IE | [
](http://godban.github.io/browsers-support-badges/)Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
## è¨é | Partner project
- [h5-Dooring - H5-Dooring 褧“é H5 觖ééé…觖](https://github.com/MrXujiang/h5-Dooring)
- [Blink - 艔…é艨”“](https://github.com/MrXujiang/blink)
- [frontend-developer-roadmap | èé‘è…·‰ js “±](https://github.com/MrXujiang/frontend-developer-roadmap)
- [generator-admin-cli | vue3.0-admin-cli °è‰](https://github.com/GeekQiaQia/generator-admin-cli)
## ¤ è | Contributing
èèé—é–°èè·±‰
–°è…é… GitHub [contributors](https://github.com/GeekQiaQia/vue3.0-template-admin/graphs/contributors)éé
### “ é—é | Issue
Contributions, issues and feature requests are welcome!.
Feel free to check [issues page](https://github.com/GeekQiaQia/vue3.0-template-admin/issues).
è Issues
## è‰ | scaffolding
¨”¨è‰¨é
You can also use scaffolding to build the simplest startup project
- [generator-admin-cli | vue3.0-admin-cli °è‰](https://github.com/GeekQiaQia/generator-admin-cli)
```bash
npm install -g yo
npm install -g generator-vue3-admin-cli
```
Then generate your new project:
```bash
yo vue3-admin-cli
```
## é¨ | Quick Start
```
# …éé
# cnpmjs
git clone https://github.com.cnpmjs.org/GeekQiaQia/vue3.0-template-admin.git
# or
git clone https://github.com/GeekQiaQia/vue3.0-template-admin.git
# è…é
cd vue3.0-template-admin
# ‰è…è– ¨èyarn‰
npm install / yarn
# ¨
npm run dev / yarn dev
# ‰“…
npm run build / yarn build
# °é觉“…dist–
npm run preview / yarn preview
```
## | synchronizing code
```
# add upstream
git remote add upstream https://github.com/GeekQiaQia/vue3.0-template-admin
# “–““” master”
git fetch upstream main
# ”
git checkout main
# 訔
git merge upstream/main
```
## git ¤ | git commit
git add * // add everything
git status // check status
git cz // commit change
git push // push stage commit
// cz ‘¤—‰°…¨±‰…¨commitize
npm install -g commitizen
## § | Continuous upgrades
- [x] é request.ts è·±…é…–
- [x] ”¨ AES –è艅¨
- [x] è¤è”¨ ElementPlus theme-chalk °è¤
- [x] é¨éé–è°¤’…—é
- [x] èè角è‰é‰è§’è‰è
- [x] ”¨·è§’艱¤è
- [x] enhance‘ vite éé…
## é’¤¤ | Technical feedback and communication
“, ‰¨è, ‘~
## …§ | screen shots
### ¨
![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/920c97e69ad947ffbada5f030556327e~tplv-k3u1fbpfcp-watermark.image)
### éé
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bd27dbaba4f94db88a***468***0f3ca00~tplv-k3u1fbpfcp-watermark.image)
### é…–
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/024bc719b2484b8780210277379431cc~tplv-k3u1fbpfcp-watermark.image?)
### …¨±è
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/17ee79df049c4536a73177e4ae086650~tplv-k3u1fbpfcp-watermark.image)
### tab é
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/35d69fce489445f58cfa1a4f1962553b~tplv-k3u1fbpfcp-watermark.image)
### é–é
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bfe5cd938e134a118fc6e9294d0caa30~tplv-k3u1fbpfcp-watermark.image?)
### Dashboard
#### ·°
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f6586b8a2a6d42e***44519217f277b74~tplv-k3u1fbpfcp-watermark.image)
#### é
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6bf206ec2c4f48f5bc6569e24a33bdec~tplv-k3u1fbpfcp-watermark.image?)
### ¤–
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7272b219e49***388***a3fb7d81859087~tplv-k3u1fbpfcp-watermark.image)
### —è¨é
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bacbafba94094ea8a0e8659b0bec382c~tplv-k3u1fbpfcp-watermark.image)
### è¨é
#### è¨
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6db9c82b879d4b10bda9507a3346***fd~tplv-k3u1fbpfcp-watermark.image)
#### è¨
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/42ae54a0b94044f8aa9c844d201da213~tplv-k3u1fbpfcp-watermark.image)
#### é§è¨
![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1b255c09f13e4b2cbab2b8d6696d0cb2~tplv-k3u1fbpfcp-watermark.image)
###
![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b06fc12a50b047699c6fb3c556af05a3~tplv-k3u1fbpfcp-watermark.image)
###
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ad571e4fdb9146de9348f10b1651cb57~tplv-k3u1fbpfcp-watermark.image)
### è
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c361ca504b1a4396929bd33730bdb350~tplv-k3u1fbpfcp-watermark.image)
### –
![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6fa6e9b7f60a440196b6b7b8586dc***f~tplv-k3u1fbpfcp-watermark.image)
### è
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8dcdc968093348c8a2cfe2f6d17c2c59~tplv-k3u1fbpfcp-watermark.image)
### 角è‰
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2d3e75f06808445ba3aab88186633d4e~tplv-k3u1fbpfcp-watermark.image)
近期下载者:
相关文件:
收藏者: