【CSDN 编者按】盘点在GitHub上star排名最高的10大开源项目是什么？流行增长率突飞猛进，JS的项目占比极大。

作者|猫哥编辑|欧阳一力

大家好，我是你们的猫哥，不爱吃鱼不爱喵的超级猫~

关于猫哥，你可以看看我的年终总结和2020年前端工程师年终总结——干坤未定，你我都是黑马。

今天推荐2020年最受欢迎的10大前端学习资源项目！

2020年将暴涨174K星！可见其受欢迎程度！

deno

2020年增加3.02万

安全的JavaScript和TypeScript运行时。

出于很多原因，2020年是非常特殊的一年。最重要的一条:五年来第一次，新星的总冠军不是Vue.js，而是Deno……太惊喜了！

Deno是Node.js创始人Ryan Dahl的JavaScript运行时

以Node.js 10年的经验和迭代经验，通常被认为是node . js的续篇，因为它可以修复或改进很多关键点。

https://github.com/denoland/deno

Vue.js

2020年增长22.5K

Vue.js是一个渐进式的JavaScript框架，也是目前最流行的前端框架。

易于使用

你学过HTML，CSS，JavaScript吗？立即阅读指南，开始构建应用程序！

灵活

一个蓬勃发展的生态系统可以在一个库和一个完整的框架之间自由扩展和收缩。

高效

20kB最小+gzip运行大小

快速虚拟DOM

最省心的优化

https://github.com/vuejs/vue

Vue相关项目可以看:推荐七个开源项目Vue2和Vue3的源代码解密分析，以及Vue3的学习教程总结，源代码讲解项目，支持的UI组件库，优质实战项目。你会找到Vue的学习宝藏库。

React

2020年增长19.8K

用于构建用户界面的声明式、高效且灵活的JavaScript库。

声明性的

React使创建交互式UI变得容易。为你应用的每个状态设计简洁的视图。当数据发生变化时，React可以有效地更新和正确渲染组件。

以声明方式编写UI可以使您的代码更加可靠和易于调试。

组件化

创建具有自己状态的组件，然后这些组件形成更复杂的UI。

组件是用JavaScript而不是模板编写的，所以您可以轻松地在应用程序中传输数据，并将状态从DOM中分离出来。

一次学习，随处书写

无论您现在使用什么技术堆栈，您都可以引入React来开发新功能，而无需重写现有代码。

React还可以使用Node进行服务器渲染，或者使用React Native开发原生移动应用。

https://github.com/facebook/react

React相关项目可以看如下:一个揭露REAT技术秘密的项目，自上而下分析REAT源代码。

playwright

2020年增长19.7K

Node.js库可以通过单个API实现Chromium、Firefox和WebKit的自动化。

由微软创立的剧作家是一个开源的浏览器自动化框架，它使JavaScript工程师能够在Chromium、Webkit和Firefox浏览器上测试他们的Web应用程序。

https://github.com/microsoft/playwright

vscode

2020年增长19.1K

Visual Studio Code是一个运行在OS X、Windows和Linux上的跨平台编辑器，旨在编写现代Web和云应用程序。

也是今天前端最受欢迎的编辑器！

https://github.com/microsoft/vscode

esbuild

2020年增长16.6K

它是一个“JavaScript”Bundler打包压缩工具，可以打包分发“JavaScript”和“TypeScript”代码在网页上运行。

Esbuild是一个用Go语言编写的工具库，用于封装和压缩Javascript代码。

它最突出的特点是包装速度极快。下图是esbuild和webpack、rollup、Parcel及其他打包工具打包效率的基准:

https://github.com/evanw/esbuild

vue-element-admin

2020年增长16K

E-element-admin是后台前端解决方案，基于vue和element-ui实现。它采用最新的前端技术栈，内置i18n国际化解决方案，动态路由和权限验证，提炼典型业务模型，提供丰富的功能组件，可以帮助您快速构建企业级中后台产品原型。我相信无论你的需求是什么，这个项目都能帮助你。

https://github.com/PanJiaChen/vue-element-admin

edex-ui

2020年增长15.7K

一个跨平台、可定制的科幻小说终端模拟器，具有高级监控和触摸屏支持。

受DEX-UI和TRON Legacy电影特效的启发，它是一个类似于科幻小说计算机界面的全屏桌面应用程序。

它提供了图表、资源列表、触摸屏键盘等。对于可视化动态监控系统性能，这使得它看起来非常高端和优雅，也完美支持终端操作和窗口，macOS和Linux系统。

作为从小喜欢黑科技的猫哥，忍不住装X！

详见:适用于Win，Mac，Linux，酷炫极客界面eDEX-UI

https://github.com/GitSquared/edex-ui

next.js

2020年增长15.5K

这是一个用于生产环境的React框架。

Next.js为您提供了生产环境所需的全部功能和最佳的开发体验:包括静态和服务器端融合渲染、TypeScript支持、智能打包、路由预取等功能，无需任何配置。

https://github.com/vercel/next.js

tailwindcss

2020年增长15.5K

实用程序优先的CSS框架，用于快速构建自定义用户界面。

你可以快速建立一个现代化的网站，而不用离开你的HTML。

Tailwind CSS是一个功能类优先的CSS框架，集成了flex、pt-4、text-center、rotate-90等类，可以直接用脚本标记语言组合起来构建任何设计。

https://github.com/tailwindlabs/tailwindcss

最后

平时如何找到好的开源项目，可以看看这篇文章:GitHub上挖矿的神仙技巧——如何找到优秀的开源项目。

初级前端和高级前端之间，很大的原因是学习前端的时间和经验的差异，其实就是信息的贫乏。

如果有一个地方可以让你又快又好的获取这些高质量的前端信息，那将大大缩短你从初学者到进阶的时间。

基于这样的初衷，可以帮助前端开发者节省时间的微信官方账号——前端GitHub诞生了！

前端GitHub专注于挖掘GitHub上优秀的前端开源项目，并以专题的形式进行推荐。每个专题有10个左右的好项目，每周会推送一到三篇精英文章。

不知不觉原文章已经写到第35期了。几乎每一篇文章都是猫哥精心挑选的优质开源项目，几乎每一篇文章推送的项目都对前端开发有很大帮助。

原创不容易。一篇高质量的文章需要几个晚上才能从肝脏里出来。筛选和写推荐理由需要花费大量的时间和精力。大佬们看完文章，很容易赞或者转发。给猫哥一点鼓励。

https://github.com/FrontEndGitHub/FrontEndGitHub

2020中国开发者调查报告重磅来袭。直接扫码或微信搜索“CSDN”微信官方账号，后台回复关键词“开发者”即可快速获取完整举报内容！