目录

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

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

PPTist

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

https://i-blog.csdnimg.cn/blog_migrate/657d461c153a4bb1ce5533b654b80ab9.png

演示地址:

源码地址:

vue-next-admin

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

https://i-blog.csdnimg.cn/blog_migrate/2e5f540e1cceb963093dac0f08ce93b1.png

演示地址:

源码地址:

Vue vben admin

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

https://i-blog.csdnimg.cn/blog_migrate/59d3097e4e9170648fa40f0cc5f9d45c.png

演示地址:

源码地址 :

VUE3-MUSIC

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

https://i-blog.csdnimg.cn/blog_migrate/d7ce3738c1513e180021273c6ecf74bd.png

演示地址:

源码地址:

vue-pure-admin

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

https://i-blog.csdnimg.cn/blog_migrate/75a61cfddcb16db183f21b0037419bdf.png

演示地址:https://yiming_chang.gitee.io/vue-pure-admin/#/welcome

源码地址:

vue3-composition-admin

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

https://i-blog.csdnimg.cn/blog_migrate/fc3390156e9cfcd8b91c94bb45a93bae.png

演示地址:

源码地址:

newbee-mall-vue3-app

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

https://i-blog.csdnimg.cn/blog_migrate/02c74b05fd90f3649fbb9ef83cfe3736.png

演示地址:

源码地址:

vue3-bigData

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

https://i-blog.csdnimg.cn/blog_migrate/21ad1fe8b9608e061cf1ed5ee98d2ec3.png

演示地址:

源码地址:

cool-admin-vue

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

https://i-blog.csdnimg.cn/blog_migrate/658fd6115948f7ad4def7e89192b73e8.png

演示地址:

源码地址: