zoukankan      html  css  js  c++  java
  • (转)适合初学者练手的vue小项目(附github源码)

    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


    ————————————————
    版权声明:本文为CSDN博主「祈澈菇凉」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_36538012/article/details/86625718

  • 相关阅读:
    树的统计Count---树链剖分
    HDU 1069---背包---Monkey and Banana
    《程序员代码面试指南》第三章 二叉树问题 判断t1树是否包含t2树全部的拓扑结构
    《程序员代码面试指南》第三章 二叉树问题 二叉树按层打印和ZigZag打印
    《程序员代码面试指南》第三章 二叉树问题 找到二叉树中最大搜索二叉树
    《程序员代码面试指南》第三章 二叉树问题 在二叉树中找见累加和为指定值的最长路径
    《程序员代码面试指南》第三章 二叉树问题 遍历二叉树的神级方法 morris
    《程序员代码面试指南》第三章 二叉树问题 二叉树的序列化和反序列化
    《程序员代码面试指南》第三章 二叉树问题 较为直观的打印二叉树
    《程序员代码面试指南》第三章 二叉树问题 逆时针打印二叉树的边界
  • 原文地址:https://www.cnblogs.com/icemargin/p/12613159.html
Copyright © 2011-2022 走看看