前端最流行的 10 大頂級開源項目！
【CSDN 編者按】盤點在 GitHub 上 star 排名最高的 10 大開源項目是什麼？流行增長率突飛猛進，JS 的項目佔比極大。
作者 | 貓哥 責編 | 歐陽姝黎
大家好，我是你們的 貓哥，那個不喜歡喫魚、又不喜歡喵 的超級貓 ~
關於貓哥，大家可以看看我的年終總結 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬。
今天給大家推薦 2020 年最流行的 10 大頂級前端學習資源項目！
在 2020 年裏猛增 174K Star！可見其流行程度！
deno
-
2020 年增長 30.2K
一個安全的 JavaScript 和 TypeScript 運行時。
出於多種原因，2020 年是非常特殊的一年。最重要的一個：5 年以來的第一次，新星的總冠軍不是 Vue.js，而是 Deno…… 真是令人驚訝！
Deno 是 Node.js 的創建者 Ryan Dahl 的 JavaScript 運行時。
憑藉 10 年的經驗和對 Node.js 的迭代經驗，它通常被視爲 Node.js 的續集，因爲它可以修復或改進許多要點。
https://github.com/denoland/deno
Vue.js
- 2020 年增長 22.5K
Vue.js 是一個漸進式 JavaScript 框架，也是目前前端最流行的框架。
易用
- 已經會了 HTML、CSS、JavaScript？即刻閱讀指南開始構建應用！
靈活
- 不斷繁榮的生態系統，可以在一個庫和一套完整框架之間自如伸縮。
高效
-
20kB min+gzip 運行大小
-
超快虛擬 DOM
-
最省心的優化
https://github.com/vuejs/vue
Vue 相關的項目可以看看：**推薦 7 個 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 相關的項目可以看: 一個 React 技術揭祕的項目，自頂向下的 React 源碼分析。
playwright
- 2020 年增長 19.7K
Node.js 庫可通過單個 API 自動化 Chromium，Firefox 和 WebKit。
Playwright 由 Microsoft 創建，是一個開放源代碼瀏覽器自動化框架，使 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 代碼的工具庫。
它最突出的特點就是打包速度極快 （extremely fast），下圖是 esbuild 跟 webpack, rollup, Parcel 等打包工具打包效率的一個 benchmark:
https://github.com/evanw/esbuild
vue-element-admin
- 2020 年增長 16K
vue-element-admin 是一個後臺前端解決方案，它基於 vue 和 element-ui 實現。它使用了最新的前端技術棧，內置了 i18n 國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業級中後臺產品原型。相信不管你的需求是什麼，本項目都能幫助到你。
https://github.com/PanJiaChen/vue-element-admin
edex-ui
- 2020 年增長 15.7K
一個跨平臺，可定製的科幻小說終端模擬器，具有先進的監控和觸摸屏支持。
它深受 DEX-UI 和 TRON Legacy 電影效果的啓發，是一個類似於科幻電腦界面的全屏桌面應用程序。
提供了可視化動態監測系統性能的圖表、資源列表、觸屏鍵盤等等，使其看起來非常高端大氣上檔次，另外還完美的支持終端操作，並且支持 Window、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
本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/aAU_hTQvTHOOwnavdHLGEQ