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

vue慢慢的成为了前端最受欢迎的框架之一,在不少项目之中开发都能用获得,现在也已经发展到3.0了,多是由于这个框架能够提升工做效率,所以受到你们的追捧,在以前的文章里面也说过,2019年,大前端学习小程序和vue是必备技能。html

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

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

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

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

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

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

想用vue把我如今的我的网站从新写一下,新的风格,新的技术,什么都是新的
https://github.com/IFmiss/vue-websitegit

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

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

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

原文做者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱摄影,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。对于博客上面有存在疑问或者不会的问题,能够加入qq技术交流群聊:473819131。