| | |
| | | <div align="center"> |
| | | <img src="https://img-blog.csdnimg.cn/9efd5420327a46b7bd6d93524a97229d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_14,color_FFFFFF,t_70,g_se,x_16"> |
| | | <p align="center"> |
| | | <a href="https://v3.vuejs.org/" target="_blank"> |
| | | <img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue"> |
| | | </a> |
| | | <a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank"> |
| | | <img src="https://img.shields.io/badge/element--plus-%3E1.0.0-blue" alt="element plus"> |
| | | </a> |
| | | <a href="https://www.tslang.cn/" target="_blank"> |
| | | <img src="https://img.shields.io/badge/typescript-%3E4.0.0-blue" alt="typescript"> |
| | | </a> |
| | | <a href="https://vitejs.dev/" target="_blank"> |
| | | <img src="https://img.shields.io/badge/vite-%3E2.0.0-yellow" alt="vite"> |
| | | </a> |
| | | <a href="https://gitee.com/lyt-top/vue-next-admin/blob/master/LICENSE" target="_blank"> |
| | | <img src="https://img.shields.io/badge/license-MIT-success" alt="license"> |
| | | </a> |
| | | </p> |
| | | <p> </p> |
| | | </div> |
| | | ### 注意事项 |
| | | |
| | | #### 💝 长期赞助商 |
| | | |
| | | <a href="http://www.ccflow.org/" target="_blank"> |
| | | <img src="./src/assets/ccflowRightNextAdmin.png" width="50%" height="70px"> |
| | | </a> |
| | | |
| | | #### 🌈 介绍 |
| | | |
| | | 基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术,适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。 |
| | | |
| | | #### ⛱️ 线上预览 |
| | | |
| | | - vue3.x 版本预览(vue-next-admin)<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-next-admin-preview/#/login</a> |
| | | - vue2.x 版本预览(vue-prev-admin)<a href="https://lyt-top.gitee.io/vue-prev-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-prev-admin-preview/#/login</a> |
| | | - vue3.x + uni-app 商城 H5(vue-next-admin-shop)<a href="https://lyt-top.gitee.io/vue-next-admin-shop-preview" target="_blank">https://lyt-top.gitee.io/vue-next-admin-shop-preview</a> |
| | | |
| | | #### 💒 代码仓库 |
| | | |
| | | - vue3.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin</a> |
| | | - vue2.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin</a> |
| | | |
| | | #### 🚧 安装 cnpm、yarn |
| | | |
| | | - 复制代码(桌面 cmd 运行) `npm install -g cnpm --registry=https://registry.npm.taobao.org` |
| | | - 复制代码(桌面 cmd 运行) `npm install -g yarn` |
| | | |
| | | #### 🏭 环境支持 |
| | | |
| | | | Edge | Firefox | Chrome | Safari | |
| | | | --------- | ------------ | ----------- | ----------- | |
| | | | Edge ≥ 88 | Firefox ≥ 78 | Chrome ≥ 87 | Safari ≥ 13 | |
| | | |
| | | > 由于 Vue3 不再支持 IE11,故而 ElementPlus 也不支持 IE11 及之前版本。 |
| | | |
| | | #### ⚡ 使用说明 |
| | | |
| | | 建议使用 cnpm,因为 yarn 有时会报错。<a href="http://nodejs.cn/" target="_blank">node 版本 > 14.18+/16+</a> |
| | | |
| | | > Vite 不再支持 Node 12 / 13 / 15,因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。 |
| | | |
| | | ```bash |
| | | # 克隆项目 |
| | | git clone https://gitee.com/lyt-top/vue-next-admin.git |
| | | |
| | | # 进入项目 |
| | | cd vue-next-admin |
| | | |
| | | # 安装依赖 |
| | | cnpm install |
| | | |
| | | # 运行项目 |
| | | cnpm run dev |
| | | |
| | | # 打包发布 |
| | | cnpm run build |
| | | ``` |
| | | |
| | | #### 📚 开发文档 |
| | | |
| | | - 查看开发文档:<a href="https://lyt-top.gitee.io/vue-next-admin-doc-preview" target="_blank">vue-next-admin-doc</a> |
| | | |
| | | #### 💯 学习交流加 QQ 群 |
| | | |
| | | > 1 - 4 交流群已满,请加 vue-next-admin 交流群 5 |
| | | |
| | | 群号:556254895 |
| | | |
| | | 其它交流群请查看文档首页 [vueNextAdmin 解疑问](https://lyt-top.gitee.io/vue-next-admin-doc-preview/) |
| | | |
| | | #### 💒 集成后端 |
| | | |
| | | - <a target="_blank" href="https://github.com/PandaGoAdmin/PandaX">@熊猫 PandaGoAdmin</a> |
| | | - <a target="_blank" href="https://toscode.gitee.com/GionConnection/gopro_free">@甜蜜蜜 GoPro 平台</a> |
| | | - <a target="_blank" href="https://gitee.com/GionConnection/niupi-free">@甜蜜蜜 NiuPi 平台</a> |
| | | - <a target="_blank" href="https://gitee.com/tiger1103/gfast/tree/os-v3/">@游子 GFast-V3</a> |
| | | - <a target="_blank" href="https://gitee.com/diygw/diygw-ui-php/">@diygw.com gw-ui-php</a> |
| | | - <a target="_blank" href="https://gitee.com/zsvg/vboot-net">@zsvg vboot-net</a> |
| | | - <a target="_blank" href="https://gitee.com/zsvg/vboot-java">@zsvg vboot-java</a> |
| | | - <a target="_blank" href="https://gitee.com/wonderful-code/buildadmin">@青红造了个白 buildadmin</a> |
| | | - <a target="_blank" href="https://github.com/xiaodingding/iotfast">@Goodwell iotfast(一个开源的物联网平台)</a> |
| | | |
| | | #### ❤️ 鸣谢列表 |
| | | |
| | | - <a href="https://github.com/vuejs/vue" target="_blank">vue</a> |
| | | - <a href="https://github.com/vuejs/vue-next" target="_blank">vue-next</a> |
| | | - <a href="https://github.com/ElemeFE/element" target="_blank">element-ui</a> |
| | | - <a href="https://github.com/element-plus/element-plus" target="_blank">element-plus</a> |
| | | - <a href="https://github.com/vuejs/vue-router-next" target="_blank">vue-router-next</a> |
| | | - <a href="https://github.com/vuejs/pinia" target="_blank">pinia</a> |
| | | - <a href="https://github.com/apache/echarts" target="_blank">echarts</a> |
| | | - <a href="https://github.com/axios/axios" target="_blank">axios</a> |
| | | - <a href="https://github.com/zenorocha/clipboard.js" target="_blank">clipboard</a> |
| | | - <a href="https://github.com/inorganik/countUp.js" target="_blank">countUp</a> |
| | | - <a href="https://github.com/developit/mitt" target="_blank">mitt</a> |
| | | - <a href="https://github.com/rstacruz/nprogress" target="_blank">nprogress</a> |
| | | - <a href="https://github.com/sindresorhus/screenfull.js" target="_blank">screenfull</a> |
| | | - <a href="https://github.com/SortableJS/Sortable" target="_blank">sortablejs</a> |
| | | - <a href="https://github.com/sass/sass" target="_blank">sass</a> |
| | | - <a href="https://github.com/microsoft/TypeScript" target="_blank">typescript</a> |
| | | - <a href="https://github.com/vitejs/vite" target="_blank">vite</a> |
| | | - <a href="https://github.com/wangeditor-team/wangEditor" target="_blank">wangeditor</a> |
| | | - <a href="https://github.com/fengyuanchen/cropperjs" target="_blank">cropperjs</a> |
| | | - <a href="https://github.com/davidshimjs/qrcodejs" target="_blank">qrcodejs</a> |
| | | - <a href="https://github.com/crabbly/Print.js" target="_blank">print-js</a> |
| | | - <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank">vue-grid-layout</a> |
| | | - <a href="https://github.com/antoniandre/splitpanes" target="_blank">splitpanes</a> |
| | | - <a href="https://github.com/jsplumb/jsplumb" target="_blank">jsplumb</a> |
| | | - <a href="https://github.com/hxj9102/table2excel" target="_blank">js-table2excel</a> |
| | | |
| | | #### 💕 特别感谢 |
| | | |
| | | 特别感谢老哥们的建议、指导与帮忙。谢谢! |
| | | |
| | | - <a href="https://gitee.com/click33/sa-plus" target="_blank">@省长</a> |
| | | - <a href="https://gitee.com/jskz/Jskz-SpringCloud" target="_blank">@唐参</a> |
| | | - <a href="https://gitee.com/chuange" target="_blank">@川歌</a> |
| | | - @华仔 |
| | | |
| | | #### 💌 支持作者 |
| | | |
| | | 如果觉得框架不错,或者已经在使用了,希望你可以去 <a target="_blank" href="https://github.com/lyt-Top/vue-next-admin">Github</a> 或者 |
| | | <a target="_blank" href="https://gitee.com/lyt-top/vue-next-admin">Gitee</a> 帮我点个 ⭐ Star,这将是对我极大的鼓励与支持。 |
| | | > wi.amis 原来是另一个项目(低代码编辑器)的,现在移到这个项目了,当 build wi.amis 时,会找到父级的 node_modules 目录,建议把当前项目的 node_modules 删掉,再把 wi.amis build 一下 |