直接開門見山，看看有哪些好用受歡迎的庫值得我們使用。

[[285695]]

1.nodemon

GitHub： https://github.com/remy/nodemon

GitHub Stars: 19.6 k

在編寫調試Node.js項目，修改代碼后，需要頻繁的手動close掉，然后再重新啟動，非常繁瑣。現在，我們可以使用nodemon這個工具，它的作用是監聽代碼文件的變動，當代碼改變之后，自動重啟。

2.Sharp

網址：https://sharp.pixelplumbing.c...

GitHub： https://github.com/lovell/sharp

GitHub Stars: 15 k

sharp 是 Node.js 平臺上相當熱門的一個圖像處理庫，其實際上是基于 C 語言編寫 的 libvips 庫封裝而來，因此高性能也成了 sharp 的一大賣點。sharp 可以方便地實現常見的圖片編輯操作，如裁剪、格式轉換、旋轉變換、濾鏡添加等。

3.Fabric.js

網址：http://fabricjs.com/

GitHub： https://github.com/fabricjs/f...

GitHub Stars: 14.6 k

Fabric 是一個強大而簡單的 JS Canvas 庫，我們能通過使用它實現在 Canvas 上創建、填充圖形、給圖形填充漸變顏色。 組合圖形(包括組合圖形、圖形文字、圖片等)等一系列功能。簡單來說我們可以通過使用 Fabric 從而以較為簡單的方式實現較為復雜的 Canvas 功能

4.Immer

網址： https://immerjs.github.io/imm...

GitHub： https://github.com/immerjs/immer

GitHub Stars: 14.3 k

Immer 是 mobx 的作者寫的一個 immutable 庫，核心實現是利用 ES6 的 proxy，幾乎以最小的成本實現了 js 的不可變數據結構，解決了許多日常開發中的棘手問題。

5.Mark Text

網址： https://marktext.app/

GitHub： https://github.com/marktext/m...

GitHub Stars: 14 k

Mark Text 所輸及所見，摒棄了眾多 markdown 編輯器左邊寫作右邊預覽的寫作方式，巧妙的將編輯和預覽融為一體。

6.React Testing Library

網址： https://testing-library.com/r...

GitHub： https://github.com/testing-li...

GitHub Stars: 9.9 k

簡單而完整的React DOM測試實用程序，鼓勵良好的測試實踐。

7.PostGraphile

文檔： https://www.graphile.org/post...

GitHub： https://github.com/graphile/p...

GitHub Stars: 8.2 k

PostGraphile 是即時GraphQL API。PostGraphile自動檢測表、列、索引、關系、視圖、類型、函數、注釋等。

8.Botpress

網站地址： https://botpress.io/

GitHub： https://github.com/botpress/b...

GitHub Stars: 8.2 k

一個用Javascript編寫開源bot創建工具，它由社區建立的一組豐富源模塊提供支持。 我們喜歡說Botpress 就像Chatbots的Wordpress; 任何人都可以創建和重用其他人的模塊。

9.downshift

網站地址： https://downshift.netlify.com/

GitHub： https://github.com/downshift-...

GitHub Stars: 7.7 k

downshift 用于構建簡單，靈活，符合 WAI-ARIA 標準的增強型輸入React組件的原語

10. NG Bootstrap

網站地址： https://ng-bootstrap.github.i...

GitHub： https://github.com/ng-bootstr...

GitHub Stars: 7.3 k

NG Bootstrap 是基于 Angular 開發的 Bootstrap CSS 框架的指令集，它是專為 Bootstrap 4 開發的 Angular 組件，由 ui-bootstrap 團隊構建。

11.Ajv

網站地址： https://ajv.js.org/

GitHub： https://github.com/epoberezki...

GitHub Stars: 6.7 k

AJV是一個基于JSON-Schema的依賴包，他可以將我們定義的Schema格式作為參數生成一個對象，使用這個對象的構造函數可以用于檢測數據的合法性，除此之外還能夠自定義directive來產生我們需要的format。

12.Wiki.js

網站地址： https://wiki.js.org/

GitHub：https://github.com/Requarks/wiki

GitHub Stars: 6 k

Wiki.js是一個基于Node.js，Git和Markdown構建的免費開源，現代且功能強大的wiki應用程序。支持用戶登錄，可以讓用戶在本地注冊或直接使用Microsoft，Google，GitHub等賬戶無縫登錄體驗，并選擇限制對特定用戶或甚至部分內容的Wiki訪問。還可以定時遠程備份數據到Git遠程倉庫。支持Windows，Linux和Mac平臺，這里就說下Linux系統手動安裝教程。

13.Ky

GitHub：https://github.com/sindresorh...

GitHub Stars: 5 k

Ky 是一個基于瀏覽器Fetch API的簡潔優雅HTTP客戶端。

14.tui.chart

網站地址： https://ui.toast.com/tui-chart/

GitHub：https://github.com/nhn/tui.chart

GitHub Stars: 4.4 k

tui.chart是一個直觀且易于應用漂亮的數據可視化圖表。一個開源JavaScript庫，

可以在包括IE8在內的傳統瀏覽器中使用，使用許多選項和自定義主題更詳細地更改圖表。

15.Duktape

GitHub：https://github.com/svaarala/d...

GitHub Stars: 4.2 k

Duktape 是一個輕量級的嵌入式 JavaScript 引擎，專注于可移植性和低占用率。

Duktape 可以被輕松地集成進一個 C/C++ 項目中：只需要將 duktape.c、duktape.h 和 duk_config.h 三個文件加入你的構建項目中，并使用 Duktape API 來實現 C 代碼與 ECMAScript 函數的雙向調用。

16.vue-interactive-paycard

事例： https://codepen.io/JavaScript...

GitHub：https://github.com/muhammeder...

GitHub Stars: 4 k

vue-interactive-paycard是一種信用卡形式，具有流暢而微互動功能。 包括數字格式，驗證和自動卡類型檢測，使用Vue.js構建，并且具有充分的響應能力。

17.node-qrcode

GitHub：https://github.com/soldair/no...

GitHub Stars: 3.5 k

node-qrcode是一個QR碼/2d條碼生成器。

18.WebGLStudio.js

GitHub：https://github.com/jagenjo/we...

GitHub Stars: 3.6 k

WebGLStudio.js是一個基于瀏覽器的開源3D圖形套件。可以使用標準Web技術在瀏覽器中編輯場景和材質，設計效果和著色器。

一些重要的WebGLStudio.js功能：

• 完整的3D圖形引擎(LiteScene.js)，支持多個燈光，陰影貼圖，實時反射，自定義材質，postFX，蒙皮，動畫等等。
• 一個易于使用，你所看到的是你得到的(WYSIWYG)編輯器，它為所有編碼，圖形合成和時間線功能提供單一界面。
• 用于控制行為和后處理效果的圖形編輯器。
• 支持LiteFileSystem.js，這是一個虛擬文件系統，允許在Web上拖放存儲資源，具有可配置的配額，用戶和共享文件夾。
• 通過發送單個鏈接導出和共享您的工作。

19.vue-chartjs

網站地址： https://vue-chartjs.org/

GitHub：https://github.com/aperturele...

GitHub Stars: 3.4 k

vue-chartjs 讓你在 Vue 中能更好的使用 Chart.js 。非常適合想要盡快啟動和運行簡單圖表的人，它抽象了一些簡單的邏輯, 但是也暴露了 Chart.js 對象, 提供了極大的靈活性。

20.ScrollTrigger

網站地址： https://terwanerik.github.io/...

GitHub：https://github.com/terwanerik...

GitHub Stars: 3.1 k

ScrollTrigger用于根據當前滾動位置觸發類。 例如。 當元素進入視口時，將其淡入。可以為每個元素添加自定義偏移量，或在視口上設置偏移量(例如，始終在元素達到視口的20%之后觸發)。

21.Geolib

GitHub：https://github.com/manuelbieh...

GitHub Stars: 2.9 k

Geolib是一個提供基本地理空間操作的庫，例如距離計算，將十進制坐標轉換為六進制，反之亦然等,此庫當前為2D。

22.progress-estimator

GitHub：https://github.com/bvaughn/pr...

GitHub Stars: 1.9 k

progress-estimator：記錄進度條并估算Promise完成所需的時間

23.node-oracledb

網站地址： http://oracle.github.io/node-...

GitHub：https://github.com/oracle/nod...

GitHub Stars: 1.7 k

node-oracledb 驅動程序連接到 Oracle 數據庫，提高應用的速度、豐富應用的功能。它是一個具有 Apache 2.0 許可的開源項目。它由 Oracle 維護，仍在不斷發展中。

24.node-mssql

網站地址： https://tediousjs.github.io/n...

GitHub：https://github.com/tediousjs/...

GitHub Stars: 1.6 k

node-mssql是一個針對Node.js的Microsoft SQL Server客戶端。

25. Proton

網站地址： https://a-jie.github.io/Proton/

GitHub：https://github.com/a-jie/Proton

GitHub Stars: 1.5 k

Proton是一個輕量級的 Javascript 粒子動畫庫。使用它可以很容易地創建各種各樣的酷粒子效果。

26.litegraph.js

GitHub：https://github.com/jagenjo/li...

GitHub Stars: 1.3 k

使用Javascript編寫的圖形節點引擎和編輯器。

27.Ackee

網站地址： https://ackee.electerious.com/

GitHub：https://github.com/electeriou...

GitHub Stars: 1.2 k

Ackee是一個自托管的，基于Node.js的分析工具，主要服務那些關心隱私的人。Ackee在我們自己的服務器上運行，分析我們的網站流量，并在一個最小的界面中提供有用的統計數據。

28.SiriWave

GitHub：https://github.com/kopiro/sir...

GitHub Stars: 949

SiriWave是使用Canvas API以純 JS 復制的 “Apple Siri”波形。

29.VSCode Glean

VSCode Glean是一個擴展，它為你的React/Javascript/Typescript代碼庫提供重構工具。

GitHub：https://github.com/wix/vscode...

GitHub Stars: 868

VSCode Glean 是一個擴展，可以為React/Javascript/Typescript代碼庫提供重構工具

 

 

 

 

30.react-inlinesvg

事例： https://codesandbox.io/s/j25bv

GitHub：https://github.com/gilbarbara...

GitHub Stars: 802

react-inlinesvg是一個用于ReactJS的SVG加載器組件

31.elm-live

網站地址： https://www.elm-live.com/

GitHub：https://github.com/wking-io/e...

GitHub Stars: 795

elm-live是Elm的一個靈活的開發服務器

32.foxr

GitHub：https://github.com/deepsweet/...

GitHub Stars: 750

foxr 類似Puppeteer用于控制Firefox的Node.js API。

33.cockatiel

GitHub：https://github.com/deepsweet/...

GitHub Stars: 746

Cockatiel是一個彈性和瞬態故障處理庫，如重試，斷路器，超時，隔板隔離和回退之類的策略。

34. Transloco

網站地址： https://transloco.netlify.com/

GitHub：https://github.com/ngneat/tra...

GitHub Stars: 594

Transloco 是Angular的國際化(i18n)庫。 它允許我們為內容定義不同語言的翻譯，并在運行時輕松地在它們之間切換。