Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lyt-top/vue-next-admin

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

admin axios compositionapi echarts5 element element-plus element-ui next-vuex typescript vite vite-admin vitejs vue-next-admin vue-next-admin-preview vue-router vue-router-next vue3 vue3-typescript

Last synced: about 5 hours ago
JSON representation

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

Awesome Lists containing this project

README 

        


	

	


		

			vue

		

		

			element plus

		

		

	    typescript

	  

		

		  vite

		

		

		  license

		

	


	
 





#### 💝 长期赞助商





	




#### 🌈 介绍



基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、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 + uni-app 商城 H5（vue-next-admin-shop）https://lyt-top.gitee.io/vue-next-admin-shop-preview



#### 💒 代码仓库



- 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      | Firefox      | Chrome      | Safari      |

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

| Edge ≥ 88 | Firefox ≥ 78 | Chrome ≥ 87 | Safari ≥ 13 |



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



#### ⚡ 使用说明



建议使用 cnpm，因为 yarn 有时会报错。node 版本 > 14.18+/16+



> 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

```



#### 📚 开发文档



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



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



> 1 - 4 交流群已满，请加 vue-next-admin 交流群 5



群号：556254895



其它交流群请查看文档首页 [vueNextAdmin 解疑问](https://lyt-top.gitee.io/vue-next-admin-doc-preview/)



#### 💒 集成后端



- @zuohuaijun Admin.NET

- @熊猫 PandaGoAdmin

- @甜蜜蜜 GoPro 平台

- @甜蜜蜜 NiuPi 平台

- @游子 GFast-V3

- @diygw.com gw-ui-php

- @zsvg vboot-net

- @zsvg vboot-java

- @青红造了个白 buildadmin

- @Goodwell iotfast(一个开源的物联网平台)



#### ❤️ 鸣谢列表



- vue

- vue-next

- element-ui

- element-plus

- vue-router-next

- pinia

- echarts

- axios

- countUp

- mitt

- nprogress

- screenfull

- sortablejs

- sass

- typescript

- vite

- wangeditor

- cropperjs

- print-js

- vue-grid-layout

- splitpanes

- jsplumb

- js-table2excel

- vite-plugin-cdn-import

- js-cookie

- qrcodejs2-fixes

- qs

- vue-clipboard3

- vue-i18n

- vite-plugin-compression

- vite-plugin-vue-setup-extend-plus



#### 💕 特别感谢



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



- @省长

- @唐参

- @川歌

- @华仔



#### 💌 支持作者



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

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