Vue项目demo汇总

小灰灰 2022-12-05 10:21 134阅读 0赞

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.…][https_heuristic-stonebraker-33e1b8.]

4:基于vue2.0的网易云音乐播放器，api来自于NeteaseCloudMusicApi，v2.0为最新版本 [http://www.daiwei.org/vue-music/][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][http_echo.liansixin.win]  
https://github.com/uncleLian/vue2-echo

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

8:Xiaomi Mobile Mall. 小米移动商城 [http://show.thisummer.com/mi][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_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][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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]

[https_heuristic-stonebraker-33e1b8.]: https://heuristic-stonebraker-33e1b8.netlify.com/#/
[http_www.daiwei.org_vue-music]: http://www.daiwei.org/vue-music/
[http_echo.liansixin.win]: http://echo.liansixin.win
[http_toutiao.liansixin.win]: http://toutiao.liansixin.win
[http_show.thisummer.com_mi]: http://show.thisummer.com/mi
[https_www.myblogbo.com_sell]: https://www.myblogbo.com/sell
[http_huangshouqi.com_vue-reader.html]: http://huangshouqi.com/vue-reader.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/6466e3d6779c4c79b93f091ab0d8b424.png