适合初学者练手的vue小项目（附github源码）

2019-01-22 本文已影响153人祈澈菇凉

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

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

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

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

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

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

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

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

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

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

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

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所思所见，对于博客上面有不会的问题，可以加入qq群聊来问我：473819131.