為什麼這篇JavaScript 排名鄉民發文收入到精華區：因為在JavaScript 排名這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者jmlntw (吉米林)看板Ajax標題[情報] 2017年最受矚目的 JavaScript 專...
JavaScript 排名 在 工具王 阿璋 Instagram 的最佳解答
2021-04-04 21:34:22
不務正業工程師的新單元：「#程式教學」來啦！ 如果你想要入門學程式語言，但目前還沒有基礎，也沒有特定目標、 那這篇文章絕對要收、藏、起、來🤗！ 如果你已經有特定目標，那可以期待之後的程式教學文章， 會帶你認識不同語言的優缺點👍👎。 程式語言百百種，C、C++、Python、Java...
https://risingstars.js.org/2017/en/
（根據 GitHub 的星星數排名）
【綜合排名】
No.1 Vue.js <https://github.com/vuejs/vue>
2 React <https://github.com/facebook/react>
3 Create React App <https://github.com/facebookincubator/create-react-app>
4 Puppetter <https://github.com/GoogleChrome/puppeteer>
5 Axois <https://github.com/axios/axios>
6 VS Code <https://github.com/Microsoft/vscode>
7 Prettier <https://github.com/prettier/prettier>
8 React Native <https://github.com/facebook/react-native>
9 Element <https://github.com/ElemeFE/element>
10 Electron <https://github.com/electron/electron>
Vue.js 穩坐第一，沒有 React 或 Angular 那麼抽象、又有豐富的生態圈，
讓新手很容易入門。
不過 React 相關的專案也不少，倒是 Angular 默默在後排…。
Puppetter 是 headless Chrome 的 Node API，可以直接在終端機執行瀏覽器，對網頁
測試和爬蟲來說是很棒的工具。
Electorn 是用前端技術來寫桌面應用程式的新興工具，把 JS 帶到了全新的領域。
也催生了 Atom 和 VS Code 這兩個編輯器雙雄，功不可沒。
【前端框架】
No.1 Vue.js
2 React
3 Angular <https://github.com/angular/angular>
4 Preact <https://github.com/developit/preact>
5 Hyperapp <https://github.com/hyperapp/hyperapp>
不意外 V R A 三雄鼎立。
Hyperapp 是只有 1KB 的超迷你框架，對於小網頁來說很方便。
【Node.js 框架】
No.1 Express <https://github.com/expressjs/express>
2 Koa <https://github.com/koajs/koa>
3 Fastify <https://github.com/fastify/fastify>
4 micro <https://github.com/zeit/micro>
5 Keystone <https://github.com/keystonejs/keystone>
【轉譯工具】
No.1 TypeScript <https://github.com/Microsoft/TypeScript>
2 Babel <https://github.com/babel/babel>
3 Flow <https://github.com/facebook/flow>
4 Reason <https://github.com/facebook/reason>
5 Purescript <https://github.com/purescript/purescript>
TypeScript 在微軟加持和 VS Code 的風行下開始變成主流。
倒是更早的 CoffeeScript，因為許多語法糖都在 ES6 實現了，
反而逐漸淡出。（連 Atom 都把很多程式碼轉到純 JS 了。）
【建置工具】
No.1 Parcel <https://github.com/parcel-bundler/parcel>
2 Webpack <https://github.com/webpack/webpack>
3 Gulp <https://github.com/gulpjs/gulp>
4 Rollup <https://github.com/rollup/rollup>
5 Poi <https://github.com/egoist/poi>
第一名是以零設定為賣點的 Parcel，短短四個月就衝破 1.4 萬顆星，
硬是把 Webpack 比下去。
看來大家對 Webpack 繁雜的設定搞得很煩。XD
Gulp 也是前幾年很流行、當時打著比 Grunt 更直覺的設定吸引不少開發者，
現在看起來就像 Webpack 和 Parcel、Rollup 的進行式。
【IDE & 編輯器】
No.1 VS Code
2 Atom <https://github.com/atom/atom>
3 Reactide <https://github.com/reactide/reactide>
4 Brackets <https://github.com/adobe/brackets>
5 Nuclide <https://github.com/facebook/nuclide>
微軟親生小孩 VS Code 大舉進攻開發者圈，
而且應該很多人是因為嫌 Atom 太慢太肥才跳槽過來的。XD
Sublime Text 因為並非 JavaScript 專案所以不在排名內，
不過我想 ST 應該可以排進第三名吧。
（不知道有多少人跟我一樣是 Notepad++ -> ST -> Atom -> VS Code 換上來的。XD）
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.14.252
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1516331325.A.CF0.html
※ 編輯: jmlntw (36.224.14.252), 01/19/2018 11:13:17
推 visa9527: 不愛用需要編譯的 Javascript框架，無感 01/19 12:27
推 Kenqr: 推 好多沒看過的東西 01/19 13:52
推 Boston: 推 01/19 15:38
→ Boston: 來玩看看 Parcel 01/19 15:38
→ WunoW: webpack很可悲，文件寫得爛、設定亂七八糟又不時亂改版 01/19 17:17
→ WunoW: 大部分都另外用create-react-app之類的工具讓webpack設定檔 01/19 17:19
→ WunoW: 消失在眼前 01/19 17:19
→ WunoW: 一個專案搞成這樣真的頗可恥 01/19 17:20
推 vi000246: vue已經快追上react了 之前看好像差很多的 01/19 18:10
推 EricTao: 樓上 vue不是在REACT前面嗎? 01/19 18:30
推 oneword416: 推 繼續學習 01/19 23:35
推 hivenson: 推 01/20 00:09
推 ilovekebi: 感謝整理！ 01/20 00:28
→ vi000246: 我是說總星星數 原本還差幾萬的 不到一年只差6K 01/20 01:05
→ Rplus: Vue.js 星數上升快一部份原因是因為中國人多呀 XD 01/20 04:25
推 sa0124: 推 01/20 22:51
推 VdustR: 我 editor 歷程跟你一樣 XD 01/21 02:21
→ CaptainTeemo: 幫你更正，不是根據 Star 數量，而是相較去年增加的 01/21 10:08
→ CaptainTeemo: 數量 01/21 10:08
→ Firstshadow: (づ′・ω・）づ 依然np++ = = VScode用不習慣 01/22 04:23
推 alan35: 來試試parcel 01/27 02:12
推 Neisseria: 話說第一次看到 webpack 時還覺得這東西太讚了 冏rz 01/27 09:05
→ Neisseria: 可能是 Node 的建置工具一個比一個麻煩，所以覺得還好 01/27 09:07
推 zephyrhymn: 從Atom -> VSCodE的+1 01/29 11:13
推 IgnoreSwing: Webpack1文件的確很糟 但新版文件就寫得很清楚唷~ 01/31 22:48