推荐一些 GitHub 上值得前端学习的开源实战项目，进阶必看

最近好多同学问我了解找一些学习的实战项目；看一个别人写的优秀的项目，从中可以学到很多；比如代码的规范，项目的结构；从项目作者每次提交记录，去学习一些别人的开发思维以及开发整个项目的流程；下面我主要找了一些比较火的一些框架以及 node 项目。

编辑搜图

请点击输入图片描述

Vue.js

1. vue-element-admin

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui 实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。项目作者还搭配了一些教程文章，很值得看！

地址：https://github.com/PanJiaChen/vue-element-admin

2. blog-vue-typescript

此项目是基于 Vue 全家桶 + TypeScript + Element-UI 技术栈的简洁时尚博客网站。TypeScript 具有类型系统，且是 JavaScript 的超集，TypeScript 在 2018年 势头迅猛，可谓遍地开花。Vue3.0 将使用 TS 重写，重写后的 Vue3.0 将更好的支持 TS。2019 年 TypeScript 将会更加普及，能够熟练掌握 TS，并使用 TS 开发过项目，将更加成为前端开发者的优势。

地址：https://github.com/biaochenxuying/blog-vue-typescript

3. Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端

这个项目是一个小商场系统，基本完成一个商场系统必备的功能；全栈进阶推荐！

地址：https://github.com/linlinjava/litemall

4. 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用

此项目大大小小共 45 个页面，涉及注册、登录、商品展示、购物车、下单等等，是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂，如果这个项目能驾驭得了，相信大部分公司的其他单页面应用也就不在话下，即便更复杂，也不会比这个高到哪里去。

地址：https://github.com/bailicangdu/vue2-elm

5. Vue相关开源项目库汇总

这个项目汇总了 vue 相关的很多开源项目，star 数相对较多的；包括 UI 组件、框架爱、工具库等等，推荐看！

地址：https://github.com/opendigg/awesome-github-vue

React.js

1. 网易云音乐第三方

技术栈：Electron, React, MobX, JSS

地址： https://github.com/trazyn/ieaseMusic

2. 仿知乎日报

该项目使用React Native实现；可以在Android和iOS上运行；这是一个演示项目，展示了如何使用React Native开发完整的应用程序。

地址：https://github.com/race604/ZhiHuDaily-React-Native

3. 使用 react hooks + koa2 + sequelize + mysql 搭建的前后台的博客

前后台分离式开发（项目中也包含博客的后台管理系统），为了方便记录后端开发过程，笔者将后端也一起放在同个项目文件夹中。

地址：https://github.com/alvin0216/react-blog

4. 基于React Native支持 Android 和 iOS 双平台的项目

这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。

地址：https://github.com/crazycodeboy/GitHubPopular

Node.js

1. 基于Node.js+MySQL开发的开源微信小程序商城（微信小程序）

• 界面高仿网易严选商城(主要是2016年wap版)
• 测试数据采集自网易严选商城
• 功能和数据库参考ecshop
• 服务端api基于Ｎode.js+ThinkJS+MySQL
• 计划添加基于Vue.js的后台管理系统、PC版、Ｗap版

地址：https://github.com/tumobi/nideshop-mini-program

2. React技术栈+Express+Mongodb实现个人博客

一个博客项目，技术栈：react + express + Mongodb。

地址：https://github.com/Nealyang/React-Express-Blog-Demo

3. 基于 node.js + Mongodb 构建的后台系统

整个项目分为两部分：前台项目接口、后台管理接口，共60多个。涉及登陆、注册、添加商品、商品展示、筛选排序、购物车、下单、用户中心等，构成一个完整的流程。

地址： https://github.com/bailicangdu/node-elm

以上是我整理的一些 github 上开源的比较好的项目；大家可以关注我，后期会写一些面试相关的题；