推荐十个基于Vue3.0全家桶的优秀开源项目

前端充电宝 2024-03-29 15:14:35编程技术
165

大家好,我是 CUGGZ。

今天来分享 10 个基于 Vue3.0 全家桶的优秀开源项目!

PPTist

PPTist 是一个基于 Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas  的在线演示文稿(幻灯片)应用,还原了大部分 Office PowerPoint 常用功能,实现在线PPT的编辑、演示,支持导出PPT文件。

PPTist.png

Github:https://github.com/pipipi-pikachu/PPTist

vue-next-admin

vue-next-admin 是一个基于 Vue3.x + Typescript + Vite + Element plus + Vuex 等,适配手机、平板、PC 的后台开源免费模板库。

vue-next-admin.png

Github:https://github.com/lyt-Top/vue-next-admin

Vue vben admin

Vue Vben Admin 是一个开源的中后台模版。使用了最新的 Vue3 + Vite + TypeScript + Pinia + Vue Router 等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。

Vue vben admin.png

Github:https://github.com/vbenjs/vue-vben-admin

VUE3-MUSIC

VUE3-MUSIC 是一个基于 Vue 3 + TypeScript + Vite + Pinia + Vueuse 开发的音乐播放器,界面模仿QQ音乐 Mac 客户端,支持黑夜模式。

VUE3-MUSIC.png

Github:https://github.com/SmallRuralDog/vue3-music

vue-pure-admin

vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版(兼容移动端)。使用 Vue3 + Vite + Element Plus、TypeScript + Pinia + Tailwindcss 等主流技术开发。

vue-pure-admin.png

Github:https://github.com/xiaoxian521/vue-pure-admin

vue3-composition-admin

vue3-composition-admin 是一个管理端模板解决方案,它基于 Vue3、TypeScript、Vuex、Vue Router、Element plus,项目都是以 composition api 风格编写。

vue3-composition-admin.png

Github:https://github.com/RainManGO/vue3-composition-admin

newbee-mall-vue3-app

newbee-mall-vue3-app 是一个基于 Vue3 + Vue Router4 + Vuex4 + Vant3 的大型单页面商城项目。商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。

newbee-mall-vue3-app.png

Github: https://github.com/newbee-ltd/newbee-mall-vue3-app

Element Plus

Element Plus 是一个基于 Vue 3 + Vite + TypeScript + Vitest 的面向设计师和开发者的组件库。

Element Plus.png

Github:https://github.com/element-plus/element-plus

vue3-bigData

vue3-bigData是一个可视化系统,基于 Vue3.0 + Vuex + Vue Router + TypeScript + Echarts实现,包括各种可视化图表。

vue3-bigData.png

Github:https://github.com/biubiubiu01/vue3-bigData

cool-admin-vue

cool-admin 是一个基于  Vue3.x + Typescript + Vite + Element plus 的后台权限管理系统,模块化、插件化、极速开发 CRUD,方便快速构建迭代后台管理系统。

cool-admin-vue.png

Github:https://github.com/cool-team-official/cool-admin-vue

Vue 开源项目
THE END
战地网
频繁记录吧,生活的本意是开心

相关推荐

Vue中配置代理服务器(proxy)的3种方法示例详解
Vue.js 是一个非常流行的框架,用于构建用户界面。然而,在开发过程中,我们经常会遇到跨域问题,尤其是在前后端分离的项目中。为了解决这一问题,Vue 提供了多种配置代理服务...
2025-01-15 编程技术
130

Vue中实现文件下载的6种方法详解
​在现代Web开发中,文件下载是一个常见的需求。Vue.js作为一款流行的前端框架,提供了多种实现文件下载的方法。本文将详细介绍6种在Vue项目中实现文件下载的常用方法,每种方...
2025-01-14 编程技术
138

Element UI组件库在Vue中的使用方法详解
Element UI作为一款基于Vue 2.0开发的桌面端组件库,提供了丰富的组件和灵活的配置选项,极大地简化了开发流程。本文将详细介绍Element UI组件库在Vue中的使用方法,并通过具...
2025-01-13 编程技术
133

Vue中使用Axios发送FormData请求的方法详解
Axios是一个基于Promise的HTTP客户端,支持浏览器和Node.js环境,广泛应用于Vue项目中。本文将详细介绍如何在Vue中使用Axios发送FormData请求,帮助开发者更轻松地实现文件上...
2025-01-10 编程技术
131

在Vue项目中关闭ESLint检查的方法详解
在使用 Vue.js 开发项目时,ESLint 作为一个代码质量和风格检查工具,有时会显得过于严格,导致开发效率下降。因此,有时我们需要在 Vue 项目中关闭 ESLint 检查,以便更快地...
2025-01-09 编程技术
138

深入掌握Vue.js中window.onresize事件的使用方法
Vue.js作为一款流行的前端框架,提供了丰富的工具和方法来实现响应式布局。其中,window.onresize事件在处理窗口大小变化时扮演着关键角色。本文将深入探讨Vue.js中window.on...
2025-01-01 编程技术
158