Vue项目demo汇总

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

Vue项目demo汇总相关推荐

node、npm、vue安装 -- VUE 项目 demo 实例
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 安装node: sudo yum install epel-release sudo yum ...
node服务器放vue项目,本地Vue项目跨域请求本地Node.js服务器的配置方法
前言:跨域请求是在本地开发时经常遇到的需求,也很简单,只是几句代码配置一下的问题.我初次配置跨域请求时由于官方的说明太简洁,找到的教程又落伍,调试了一番并没有解决问题,到最后解决问题,已花费了很多时间 ...
vue项目引入CNZZ数据专家（方法汇总篇）
vue项目引入CNZZ数据专家(方法汇总篇) 很多网站都有cnzz数据统计,用于分析网站页面受访情况. 今天就来备注一下开发经验: vue如何集成cnzz数据专家进行受访记录? 友盟+CNZZ官方文档 ...
在nginx上部署vue项目(history模式)--demo实列；
转载地址:https://www.cnblogs.com/573734817pc/p/11057677.html 在很早之前,我写了一篇关于在nginx上部署vue项目(history模式) 但是 ...
vue项目乐橙云（imouplayer.js）--轻应用直播SDK demo案例（保姆级）
vue项目乐橙云(imouplayer.js)--轻应用直播SDK demo测试案例(保姆级) 一.所用到的资源(参数) 1.appId (控制台-我的应用-应用信息中获取) 2.appSecret ...
vue项目实战精粹汇总
前言 vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与 ...
保姆级教程：js前端接入科大讯飞语音评测，实现朗读打分，vue对接科大讯飞语音评测，还可以实现句子逐词分析对错以及打分，将demo接入vue项目中
需求说明:实现一个点击录制英文句子朗读,然后调用科大讯飞接口分析朗读准确度,并逐词分析朗读正确性. 步骤一.下载运行demo 首先附上科大讯飞语音评测流式版的文档链接:链接在此然后在文档里找到dem ...
ant design vue table 高度自适应_2年Vue项目实战经验汇总！
前言 vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与 ...
搭建vue项目环境以及创建一个简单的vue的demo
一.vue-cli脚手架的搭建步骤 1.首先,确定你的电脑上已经安装了nodejs,可以使用npm包管理器安装环境,如果还没有安装node环境,则需要安装node.js 这个很简单默认点击安装 ...
2年vue项目实战经验汇总
前言 vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与 ...

Vue项目demo汇总

Vue项目demo汇总相关推荐

最新文章

热门文章