vue3项目练习大全（附github源码）

Posted 2023-03-06 尔嵘

vue慢慢的成为了前端最受欢迎的框架之一，在很多项目之中开发都能用得到，如今也已经发展到3.0了，可能是因为这个框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也说过，2019年，大前端学习小程序和vue是必备技能。2023年必将是vue3-ts主流，拥抱新技术必须是我们要接受的！

如果在平时的工作里，有些公司用不到这两项技能，那你也要在业余的时间里面，找一些教程和练手的vue小项目。以下是今年的一些可以练笔的项目，这些源码稍微学习其中的几个，基础能力都能够有所进步。

1. vue-big-screen-plugin

2. vue3全家桶搭建大型单页面商城项目(移动端)，小米书城 Vue3 版本，技术栈为Vite + Script setup + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + Axios + Node。

3. vue新手练习项目：https://github.com/Wscats/vue-cli

4. 基于vite打包的vue3 + ts + tsx模板项目：https://github.com/justwiner/vue3-tsx

5. 基于Vue3+Element Plus 后台管理demo：https://github.com/typ1805/mall-vue3-manage

6. vue3-typescript-template：vue3 + vuex + typescript + webpack + vant-ui + axios + less + postcss-pxtorem(rem适配)

7. sql-generator：前端使用 Vue3 + Vite + Ant Design Vue 开发界面，选用 Monaco Editor 实现代码编辑、高亮、格式化等功能，使用 TypeScript + ESLint 保证代码规范

8. vue3-vite-ts-uniapp

9. RuoYi-Vue3：Vue3版本若依管理前端项目

10. 基于 Vue3 + pinia + Element Plus 的后台管理系统解决方案：https://github.com/lin-xin/vue-manage-system

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

12. vue-bag-admin：Bag快速开发管理系统、门户网站、博客系统框架，提供基础的框架，快速搭建企业产品，响应式开发，你可以将它应用在任何需要服务端管理的应用。如：开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、ERP、CMS、APP 的后台等