前言

以下是一些github上一些基于vue3.0的优秀开源项目，可以自己选择一些去练一下手，废话少说，直接进入正题----

1、 vue-manage-system

Star: 16k

是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案，它提供了一系列的通用组件和基础功能，可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能，同时也提供了多种主题风格和自定义配置选项，方便开发者根据自己的需求进行定制。

github地址:https://github.com/lin-xin/vue-manage-system

线上地址：https://lin-xin.gitee.io/example/work

2、DataV

Star: 7.7k

一款可视化数据分析工具，是阿里云推出的一款数据可视化产品。它基于阿里云的大数据技术，可以对海量数据进行快速处理和可视化展示，支持多种图表展示方式、多种数据源接入和多维度数据分析。DataV可以帮助用户快速构建交互式的数据可视化应用，帮助企业快速了解业务数据，从而更好地做出决策。同时，DataV还提供了丰富的数据安全和权限控制机制，确保数据的安全性和隐私性

github地址:https://github.com/DataV-Team/DataV

在线地址：http://datav.jiaminghi.com/

3、 vue-vben-admin

Star: 17.3k

Vue Vben Admin 是一个基于 Vue3 和 TypeScript 的开源后台管理系统模板，它包含了众多的组件和插件，可以帮助开发者快速构建出高质量的后台管理系统。Vue Vben Admin 具有极高的可扩展性和灵活性，可以轻松地满足不同的业务需求。它还提供了丰富的文档和示例代码，使得开发者可以快速上手并进行开发

github地址:https://github.com/vbenjs/vue-vben-admin

在线地址：https://vben.vvbin.cn/#/login?redirect=/dashboard

4、newbee-mall-vue3-app

Star: 4.9k

是一个基于 Vue 3 和 TypeScript 的电商前端项目，它是 newbee-mall 项目的升级版。该项目包含了商品列表、商品详情、购物车、订单结算等功能，同时还使用了 Element Plus UI 组件库和 Axios 库等

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

在线地址：http://47.99.134.126:5008

5、PPTist

Star: 4.1k

是一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用，还原了大部分 Office PowerPoint 常用功能，支持 文字、图片、形状、线条、图表、表格、视频、音频、公式 几种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，支持导出本地 PPTX 文件，支持移动端基础编辑和预览，支持 PWA

github地址:https://github.com/pipipi-pikachu/PPTist

在线地址：https://pipipi-pikachu.github.io/PPTist/

6、PicGo

Star: 20.3k

是一款开源的图片上传工具，它可以帮助用户快速上传图片到各种云存储平台，包括七牛云、腾讯云、阿里云、又拍云等等

github地址:https://github.com/Molunerfinn/PicGo

7、vue3-composition-admin

Star: 2.6k

是一个基于 Vue3 和 TypeScript 的后台管理系统模板，使用了最新的 Vue3 组合式 API 和 Element Plus UI 组件库。它提供了一些常用的功能模块，如登录、权限管理、菜单管理、用户管理等，个人认为在UI方面还是挺让人耳目一新的

github地址：https://github.com/RainManGO/vue3-composition-admin

在线地址： https://admin-tmpl-test.rencaiyoujia.cn/

8、 vue-admin-better

Star: 14.1k

Vue-admin-better是一个基于Vue.js和Element UI的开源后台管理系统模板，它提供了一组丰富的组件和布局，可以快速构建出美观、易用、高效的后台管理系统。该项目的特点包括：

1. 高度可定制化：可以根据需要自定义主题、组件、布局等。
2. 响应式布局：可以适应不同的屏幕大小和设备类型。
3. 多语言支持：支持多种语言，方便国际化应用。
4. 数据可视化：提供了多种数据可视化图表，方便数据分析和展示。
5. 权限管理：支持基于角色的权限管理，可以灵活控制用户的访问权限。

github地址:https://github.com/chuzhixin/vue-admin-better

9、movie-trailer

Star: 413

Vue3 + TypeScript开发的电影预告片webAPP，可以查看正在热映与即将上映的电影信息和短片

github地址:https://github.com/lhz960904/movie-trailer

后台api接口仓库地址：https://github.com/lhz960904/movie-api

10、vue3-jd-h5

Star: 688

vue3-jd-h5 是一个使用 Vue 3 和 TypeScript 开发的移动端电商网站项目。该项目模仿了京东商城的页面，包括首页、分类页、购物车、个人中心等功能，该项目使用了 Vue 3 的新特性，如 Composition API 和 Teleport，让代码更加简洁易读。同时，还使用了 Vue Router 和 Vuex 管理路由和状态，提供了更好的用户体验和数据管理

github地址:https://github.com/geekskai/vue3-jd-h5

在线地址：http://gankai.gitee.io/vue-jd-