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: vue
Vite : npm package
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 | [ Edge](http://godban.github.io/browsers-support-badges/)
IE | [ Edge](http://godban.github.io/browsers-support-badges/)
Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](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)

近期下载者

相关文件


收藏者