影响了一代代前端人的 20 个里程碑式的顶级开源项目！-凯发k8官方网
大家好，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
猫哥会在每周的周一给大家推荐一篇上周的 前端周趋势榜的 10 大项目，每月给大家推荐一篇上个月的 前端月趋势榜的 20 大项目，方便大家知道最近都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，以免错过了好的开源项目。
前端github 可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。
平时如何发现好的开源项目，可以看看这篇文章：github 上能挖矿的神仙技巧 - 如何发现优秀开源项目
1. jquery
2006 年 8 月
jquery 由 john resig 创建并于 2006 年发布，在 ajax 框架与 prototype.js，dojo 或 yui 之类的库的争夺中胜出。
成为几乎所有网页中都包含的事实上的标准库，即使在今天。
一个源于广阔的“插件”生态系统的精美软件。
提供统一的 api 来处理浏览器不一致的工作非常出色。
本月趋势：github上的 114 ☆
https://github.com/jquery/jquery
2. node.js
2009 年 5 月
由 ryan dahl 在 javascript v8 引擎之上创建的 node.js 将 javascript 带到了服务器端。
强大的 api，命令行工具，iot 设备和所有现代 web 开发工具。
本月趋势：github 上的 743 ☆
https://github.com/nodejs/node
3. express
2009 年 6 月
express 几乎与 node.js 一样古老，但仍被认为是 node.js 的标准 web 框架。
由于其极简的方法，因此拥有深厚的中间件生态系统。
更现代的替代方法包括nest，fastify或next.js。
本月趋势：github 上的 402 ☆
https://github.com/expressjs/express
4. d3
2010 年 9 月
mike bostok 创建的经典数据可视化库在将近 10 年后仍然有用。
许多图表库都建立在其强大的原语之上。
本月趋势：github 上的 351 ☆
https://github.com/d3/d3
5. angular
2010 年 1 月
2010 年，来自 google 的 angular 通过提供可在浏览器中运行的完整框架，开始颠覆开发人员构建应用程序的方式。
它没有增强服务器生成的 dom，而是将页面的控制移至客户端，从而进入了“单页面应用程序”时代。
angular 2 在 2014 年作为一个单独的项目发布。
本月趋势： 2 ☆ 在 github 上
https://github.com/angular/angular.js
6. ember.js
2011 年 5 月
一个 ui框架，该框架倾向于使用强约定以使 web 开发人员更加高效。
在 javascript 的现代化过程中发挥了重要作用。
本月趋势：github 上 35 ☆
https://github.com/emberjs/ember.js
7. bootstrap
2011 年 7 月
bootstrap 由 twitter 在 2011 年开源，是一组 javascript 和 css 元素，用于向网页添加常见的小部件。
得益于整洁的文档，一致的开发人员体验和灵巧设计的响应式设计功能，它闪闪发光。
当开发人员在智能手机上浏览网页时，已帮助开发人员使网页适合移动设备浏览。
本月趋势：github 上的 530 ☆
https://github.com/twbs/bootstrap
8. webpack
2012 年 3 月
webpack 是前端工具的关键部分，它能够从任何种类的资产生成 javascript 捆绑包。
第五版主要版本将于 2020 年仍在 create react app 或 next.js 等项目中使用，即将推出。
包裹和汇总是最受欢迎的两种。
本月趋势： 247 ☆在github上
https://github.com/twbs/bootstrap
9. typescript
2012 年 10 月
为 javascript 提供静态类型安全性的 javascript 的超集。
赢得了转译者与竞争对手 flow 的战斗，几乎成为前端和后端开发的标准。
definitelytyped 项目为 7000 多个软件包提供了其他类型！
趋势这个月： 740 ☆ github 上
https://github.com/microsoft/typescript
10. electron
2013 年 4 月
使用 web 技术构建桌面应用程序的凯发k8官方网的解决方案。
由流行的桌面应用程序使用，例如 vs code，slack ...
本月趋势：github 上的 440 ☆
https://github.com/electron/electron
11. react
2013 年 5 月
react 由 facebook 开源，以创建动态，快速的 ui。
不是像 angular 这样的完整框架，因为它仅处理视图层。
它的组件方法和 jsx 语法变得非常流行，并启发了许多项目。
本月趋势：github 上的 1646 ☆
https://github.com/facebook/react
12. vue.js
2013 年 7 月
vue.js 在 react 之后仅两个月发布，采用了另一种方法来处理反应性。
通常被认为对初学者更友好。
没有像 react 与 facebook 或 angular 与 google 这样的大型公司的支持，而是由 evan you 创建的。
强大的社区，尤其是在中国。
版本 3 提供了巨大的改进，包括更好的 typescript 支持和 composition api。
本月趋势：github 上 1415 ☆
https://github.com/vuejs/vue
13. babel
2014 年 9 月
最初称为 6 to 5 的编译器 babel 帮助使 javascript 的 es6 版本流行，这是 react 成功的关键部分。
让开发人员使用 javascript 的最新功能编写代码，而不必担心浏览器的支持。
作为许多项目的依赖项包括在内。
本月趋势： 184 ☆在 github 上
https://github.com/babel/babel
14. vscode
2015 年 9 月
基于 electron 的最流行的 ide，用于编码 javascript 和 typescript 应用程序。
github 上的 atom 于 2012 年推出，它是该概念的先驱：使用 web 技术构建的代码编辑器，可通过安装插件进行扩展。
凭借其 typescript 支持而发光……这两个项目均来自 microsoft。
本月趋势：github上为 1562 ☆
https://github.com/microsoft/vscode
15. react-native
2015 年 1 月
利用 react native，开发人员可以利用对 react 框架的了解，为 ios 或 android 构建移动应用程序。
本月趋势：github 上的 577 ☆
https://github.com/facebook/react-native
16. next.js
2016 年 10 月
成为最受欢迎的框架，用于构建全栈 javascript 应用程序（在前端和后端均运行的应用程序）。
在前端使用 react，并提供服务器端渲染功能，以提供最佳的用户体验。
本月趋势：github 上的 1345 ☆
https://github.com/vercel/next.js
17. puppeteer
2017 年 5 月
一个 node.js 库，用于控制无头 chrome 浏览器执行诸如浏览器测试或 web 抓取之类的操作。
本月趋势：github 上的 746 ☆
https://github.com/puppeteer/puppeteer
18. deno
2018 年 5 月
node.js 发行 9 年后，ryan dahl 再次采用新的服务器端 javascript 运行时。
旨在解决与 node.js 相关的几个问题。
没有集中的程序包管理器，可以从任何 url 加载任何 javascript 依赖项。
2020 年最受欢迎的项目之一。
本月趋势：github 上的 1304 ☆
https://github.com/denoland/deno
19. snowpack
2019 年 2 月
一种构建工具，可利用有关 javascript 模块的最新更改来提供出色的开发人员体验。
本月趋势：github 上的 431 ☆
https://github.com/snowpackjs/snowpack
20. rome
2020 年 2 月
rome 由 seb mckenzie 创建，旨在提供一个依赖项来处理所有前端工具（皮棉，测试，构建...）。
这个冒似还不是非常出名，这将是 2020 年的成功项目吗？还将有待时间验证！
本月趋势：github 上的 114 ☆
https://github.com/rome/tools
21. vite ?
2020 年
vite 下一代前端工具
vite 是 vue 的作者尤雨溪开发的 web 开发构建工具，它是一个基于浏览器原生 es 模块导入的开发服务器，在开发环境下，利用浏览器去解析 import，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随启随用。同时不仅对 vue 文件提供了支持，还支持热更新，而且热更新的速度不会随着模块增多而变慢。在生产环境下使用 rollup 打包。
???? 即时服务器启动
⚡️ 快如闪电的 hmr
????️ 丰富的功能
???? 优化的构建
???? 通用插件接口
???? 全类型 api
这将是 2021 年的成功项目吗？还将有待时间验证！
本月趋势：github 上的 1403 ☆
https://github.com/vitejs/vite
最后
平时如何发现好的开源项目，可以看看这篇文章：github 上能挖矿的神仙技巧 - 如何发现优秀开源项目
前端github 专注于挖掘 github 上优秀的前端开源项目，并以专题的形式推荐，每专题大概 10 个好项目，每周会有一到三篇精华文章推送。
原文链接请看下方宝藏仓库，请慎入！
https://github.com/frontendgithub/frontendgithub
往期精文
猛增 110k star！年增长数最多的 10 大顶级前端学习资源项目！
推荐 7 个 vue2、vue3 源码解密分析的开源项目
vue3 的学习教程汇总、源码解释项目、支持的 ui 组件库、优质实战项目
程序员必备的 10 大 github 仓库，前端占了 7 个！
微信搜 “前端github”，回复 “电子书” 即可以获得下面 300 本技术精华书籍哦，猫哥 wx：cb834301747 。
不知不觉，原创文章已经写到第 41 期了呢，几乎每一篇都是猫哥精心挑选的优质开源项目，推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。
原创不易，一篇优质的文章都是要肝几个晚上才能肝出来的，花费很多时间、精力去筛选和写推荐理由，大佬们看完文章后顺手点个赞或者转发吧，就当给猫哥一点鼓励吧。
总结
以上是凯发k8官方网为你收集整理的影响了一代代前端人的 20 个里程碑式的顶级开源项目！- 2006 - 2021的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇：
- 下一篇： 前端月趋势榜：4 月最热门的 20 个前