vue项目练习大全

最新推荐文章于 2025-04-17 21:13:16 发布

--郝有意思--

最新推荐文章于 2025-04-17 21:13:16 发布

阅读量1.7k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_61348045/article/details/128903010

版权

文章列举了一系列基于Vue.js的开源项目，包括入门到进阶的实践项目，如音乐播放器、购物车应用、社区论坛等，适合开发者在业余时间学习和提升Vue.js技术能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

1:Vue2.0入门项目
https://github.com/SD-Gaming/Vue2.0_to_do_list-addName-

2:慕课网Vue2.0购物车教程(注释版)
https://github.com/SD-Gaming/Vue2.0-ShoppingCart-MOOC

3:初中级项目：CNode社区
https://github.com/SD-Gaming/Vue2.0_CNode.bbs

Vue初/中级项目，CnodeJS社区重构。( a junior project of Vue.js, rewrite cnodejs.org )预览(DEMO)： https://heuristic-stonebraker-33e1b8.…

4:基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本 http://www.daiwei.org/vue-music/

想用vue把我现在的个人网站重新写一下，新的风格，新的技术，什么都是新的
https://github.com/IFmiss/vue-website

5:Vue 音乐搜索、播放 Demo
https://github.com/Sioxas/vue-music/

6:基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声 http://echo.liansixin.win
https://github.com/uncleLian/vue2-echo

7:基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条（移动端） http://toutiao.liansixin.win
https://github.com/uncleLian/vue2-news

8:Xiaomi Mobile Mall. 小米移动商城 http://show.thisummer.com/mi
https://github.com/Jon-Millent/mi-shop

9:仿网易云WebApp，基于vue实现的WebAPP
https://github.com/tgsx/Web_MusicAPP

10:vue+express+socket.io仿微博、微信的聊天社交平台
https://github.com/CBDxin/VueSocial

11:vue2 +vue-router2 + es6 +webpack 高仿饿了么app商家详情，demo：https://www.myblogbo.com/sell
https://github.com/chengengfengC/vue2.x-sell

12:vue+router+vue-cli+webpack
https://github.com/Hacker233/Unstructured-data-processing

13：高仿饿了么App ---内附教程
https://github.com/QAQXiYangYang/vue-ele

14：一个精制的音乐播放软件，使用了vue2.0及vue全家桶。
https://github.com/ZHOUYUANN/vuemusic

15：vue2.0阅读器 http://huangshouqi.com/vue-reader.html
https://github.com/huangshouqi/vue-reader

16：基于webpack2 + Vue2搭建的PC端后台运维管理系统脚手架，已集成VUE2全家桶：
https://github.com/rootsli/vue2admin

17：全家桶做了个简单的移动端购物app
https://github.com/OEEO/shoppingApp

18：VUE 后台管理界面案例(mock+express实现前后端分离）
https://github.com/toutouping/vue-web-demo

19：各站点数据整合；图片，视频，文章；在线云音乐播放器；
https://github.com/linkenliu/MissCloudVue

20：饿了么点餐系统
https://github.com/SimonZhangITer/VueDemo_Sell_Eleme

21：vue音乐播放器
https://github.com/LuanMingyang/vue2-music-app

22：基于vuejs+koa2+mysql的高仿饿了么移动APP
https://github.com/The-Never/elm

23：vue全家桶+localStorage实现一个简易的通讯录
https://github.com/windlany/vue-mail-list

24：用vue仿的小米商城
https://github.com/shiyaming1994/mi

25：仿严选商城
https://github.com/wwp123/shopping-yanxuan

26：music webapp
https://github.com/aloneWang/vue-music

27：vue项目(vue全家桶+nodejs) 电商网站
https://github.com/LadyChatterleyLover/mall

28：基于Vue2.0+Vuex+Axios+NodeJs+Express+MySQL实现京东移动web商城

https://github.com/huangche007/vue-jd