https://github.com/wuchunfu/vue-admin-next

🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）
https://github.com/wuchunfu/vue-admin-next

admin axios composition-api echarts5 element element-plus element-ui typescript vite vite-admin vitejs vue-admin-next vue-next-admin vue-router vue-router-next vue3 vue3-typescript vuex-next

Last synced: 4 months ago
JSON representation

🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）

• Host: GitHub
• URL: https://github.com/wuchunfu/vue-admin-next
• Owner: wuchunfu
• License: mit
• Created: 2021-07-20T01:30:04.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2022-01-01T04:07:28.000Z (over 4 years ago)
• Last Synced: 2025-08-16T02:46:32.745Z (10 months ago)
• Topics: admin, axios, composition-api, echarts5, element, element-plus, element-ui, typescript, vite, vite-admin, vitejs, vue-admin-next, vue-next-admin, vue-router, vue-router-next, vue3, vue3-typescript, vuex-next
• Language: Vue
• Homepage:
• Size: 1.7 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          


	

	


	    

	        

	    

	    

	        

	    

		

	        

	    

		

		    

		

		

		    

		

	

	
 



#### 🌈 介绍

基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。

#### ⛱️ 线上预览

- vue3.x 版本预览（vue-next-admin）https://lyt-top.gitee.io/vue-next-admin-preview/#/login

- vue2.x 版本预览（vue-prev-admin）https://lyt-top.gitee.io/vue-prev-admin-preview/#/login

#### 💒 代码仓库

- vue3.x 版本 https://gitee.com/lyt-top/vue-next-admin

- vue2.x 版本 https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin

#### 🚧 安装 cnpm、yarn

- 复制代码(桌面 cmd 运行) `npm install -g cnpm --registry=https://registry.npm.taobao.org`

- 复制代码(桌面 cmd 运行) `npm install -g yarn`

#### 🏭 环境支持

| Edge                                                                     | last 2 versions                                                                   | last 2 versions                                                                | last 2 versions                                                                |

| ------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ |

| ![Edge](https://cdn.jsdelivr.net/npm/@browser-logos/edge/edge_32x32.png) | ![Firefox](https://cdn.jsdelivr.net/npm/@browser-logos/firefox/firefox_32x32.png) | ![Chrome](https://cdn.jsdelivr.net/npm/@browser-logos/chrome/chrome_32x32.png) | ![Safari](https://cdn.jsdelivr.net/npm/@browser-logos/safari/safari_32x32.png) |

> 由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。

#### ⚡ 使用说明

建议使用 cnpm，因为 yarn 有时会报错。node 版本 > 12xx.xx.x

```bash

# 克隆项目

git clone https://gitee.com/lyt-top/vue-next-admin.git

# 进入项目

cd vue-next-admin

# 安装依赖

cnpm install

# 运行项目

cnpm run dev

# 打包发布

cnpm run build

```

#### 💯 学习交流加 QQ 群

- 若加群了没同意（一般不会超过一天），那就是群满了，请换一个群试试

- 查看开发文档：vue-next-admin-doc

- 群号码：

  1 群：665452019

  2 群：766356862

  

  	

  

  

  	

  

#### 💒 集成后端

- @熊猫 PandaGoAdmin

- @甜蜜蜜 GoPro 平台

#### ❤️ 鸣谢列表

- vue

- vue-next

- element-ui

- element-plus

- vue-router-next

- vuex

- echarts

- axios

- clipboard

- countUp

- mitt

- nprogress

- screenfull

- sortablejs

- sass

- typescript

- vite

- wangeditor

- cropperjs

- qrcodejs

- print-js

- vue-web-screen-shot

- vue-grid-layout

- splitpanes

- vue-drag-verify

- jsplumb

#### 💕 特别感谢

特别感谢老哥们的建议、指导与帮忙。谢谢！

- @省长

- @唐参

- @川歌

#### 💌 支持作者

如果觉得框架不错，或者已经在使用了，希望你可以去 Github 或者

Gitee 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。