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

  • 相关阅读:
    对象池使用时要注意几点
    Flash3D学习计划(一)——3D渲染的一般管线流程
    714. Best Time to Buy and Sell Stock with Transaction Fee
    712. Minimum ASCII Delete Sum for Two Strings
    647. Palindromic Substrings(马拉车算法)
    413. Arithmetic Slices
    877. Stone Game
    338. Counting Bits
    303. Range Sum Query
    198. House Robber
  • 原文地址:https://www.cnblogs.com/icemargin/p/12613159.html
Copyright © 2011-2022 走看看