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

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

大家好,我是 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
战地网
频繁记录吧,生活的本意是开心

相关推荐

什么是Vuex?Vuex使用方法详解
Vue.js作为一个渐进式JavaScript框架,提供了简单易用的组件化开发体验。然而,当应用规模扩大,组件之间的状态管理变得复杂时,我们需要一种更强大的工具来帮助我们管理应用...
2024-12-06 编程技术
107

Vue中使用jsonView组件展示JSON数据方法详解
在现代 Web 开发中,JSON 数据的展示和调试是一个常见的需求。为了提高用户体验和开发效率,我们设计并实现了一个名为jsonView的 Vue 组件。这个组件不仅能够以可折叠的方式展...
2024-12-06 编程技术
104

axios是什么?vue中axios的使用方法详解
在现代 Web 开发中,前后端分离架构已经成为主流。前端应用需要通过 HTTP 请求与后端服务器进行数据交互。为了简化这一过程,许多库和框架应运而生,其中最流行的一个就是 Ax...
2024-12-05 编程技术
117

Vue中异步函数async和await的使用方法详解
为了简化异步代码的编写和维护,JavaScript引入了async和await关键字,它们使得异步操作看起来更像是同步操作,从而提高了代码的可读性和可维护性。本文将深入探讨Vue中异步函...
2024-11-19 编程技术
113

Vue3插槽(slot)的使用方法全解
Vue3作为一款渐进式JavaScript框架,以其简洁、灵活和高效的特点赢得了广大开发者的青睐。插槽(slot)是Vue3中一个非常实用的特性,它允许我们在组件中定义可替换的内容区域,...
2024-11-19 编程技术
124

vue3使用videojs播放m3u8格式视频的方法详解
在现代Web开发中,视频播放已经成为不可或缺的一部分。随着Vue 3的发布,开发者们对新特性的探索和应用也在不断深入。Videojs作为一款流行的开源视频播放器,因其丰富的功能和...
2024-11-14 编程技术
145