TL;DR
我們每天都依賴無數的科技工具。其中許多強大的資源我們尚不了解，但掌握它們可以為你帶來至關重要的競爭優勢。
無論您是在建立線上商店、行動應用程式，還是簡單的點擊器，合適的工具都可以發揮重要作用。
在本文中，我整理了一份必備工具清單，幫助您成為頂尖開發人員。保持領先地位，開啟專案中的新可能！
好了，我們開始吧！ 🏎️
1.🐜 HMPL - 面向伺服器的可自訂 JavaScript 模板
讓我們從一種小型模板語言開始，它允許你從伺服器取得元件並將其顯示在客戶端。由於其語法，應用程式非常小。
它整合了JSON5和DOMPurify ，可以減少 JS 打包體積。如果你注重性能，並且希望擁有完全的控制權，那麼這款工具值得一看。
{% cta https://github.com/hmpl-language/hmpl %} 💎 檢視 HMPL.js {% endcta %}
2.🧩Shadcn UI - 一組設計精美、易於存取的元件和程式碼分發平台
當今最受歡迎的元件庫。所有軟體即服務 (SaaS) 應用程式以及更多應用程式都將其與 Next.js 結合使用。如果您想要簡潔的現代設計，那麼這個庫非常適合您。新增元件的範例： npx shadcn-ui@latest add button
方便存取且可自訂的元件，您可以將其複製並貼上到您的應用程式中。免費且開源。使用它來建立您自己的元件庫。
{% cta https://github.com/shadcn/ui %} 💎 查看 Shadcn UI {% endcta %}
3.🐈⬛ Nest.js - 一個用於建立高效、可擴充、企業級伺服器端應用程式的漸進式 Node.js 框架
如果您希望 Express 能夠更加結構化，那麼 Nest.js 正是您夢寐以求的升級版。它為 Node.js 開發帶來了 TypeScript、物件導向程式設計 (OOP) 和模組化架構。
Nest 是一個用於建立高效、可擴展的 Node.js 伺服器端應用程式的框架。它使用現代 JavaScript，以 TypeScript 建構（保留了與純 JavaScript 的兼容性），並融合了 OOP（物件導向程式設計）、FP（函數式程式設計）和 FRP（函數式響應式程式設計）的元素。
{% cta https://github.com/nestjs/nest %} 💎 看 Nest.js {% endcta %}
4.🖋️ Appwrite - 像數百人的團隊一樣建置
這是一個對開發者來說非常有用的終極平台，它擁有許多與資料庫、開發者連結等相關的功能。 TikTok、雀巢、蘋果等巨頭都在使用這個平台。即使只有一個開發者，也能輕鬆駕馭並開發出高品質的產品。
Appwrite 是一個用於開發 Web、行動和 Flutter 應用程式的後端平台。它由開源社群建置，並針對您喜愛的程式語言的開發者體驗進行了最佳化。
{% cta https://github.com/appwrite/appwrite %} 💎 查看 Appwrite {% endcta %}
5.📗 Storybook - 用於獨立建置、記錄和測試 UI 元件的業界標準研討會
如果您使用 UI 元件，Storybook 是必備工具。它允許您在將元件投入生產之前單獨開發、預覽和測試元件。
用於獨立建立 UI 元件和頁面的研討會。成千上萬的團隊使用它進行 UI 開發、測試和文件編制。
{% cta https://github.com/storybookjs/storybook %} 💎 看 Storybook {% endcta %}
-
🦕 Deno - JavaScript 和 TypeScript 的現代執行時
Deno 就像 Node.js 現在建構的樣子。它擁有更完善的預設設定、內建的 TypeScript 支持，並且高度重視安全性。你的文件可以在其他環境中執行。例如： $ deno test server_test.ts
Deno 是一個 JavaScript、TypeScript 和 WebAssembly 執行時，具有安全的預設設定和出色的開發者體驗。它基於 V8、Rust 和 Tokio 建置。
{% cta https://github.com/denoland/deno %} 💎 看 Deno {% endcta %}
7.👾 Godot - 免費開源 2D 和 3D 遊戲引擎
Godot 在遊戲開發領域並不被看好，但它的功能卻異常強大。它可以輕鬆處理 2D 和 3D 遊戲，並且具有直覺的介面。
Godot 引擎是一款功能豐富的跨平台遊戲引擎，可透過統一介面建立 2D 和 3D 遊戲。它提供了一套全面的常用工具，讓用戶可以專注於遊戲製作，而無需重新設計輪子。
{% cta https://github.com/godotengine/godot %} 💎 查看 Godot {% endcta %}
-
⚙️ Autoprefixer - 解析 CSS 並按 Can I Use 為規則新增供應商前綴
Autoprefixer 在後台默默地完成了大量的工作。它會將所有必要的供應商前綴加入到你的 CSS 中，這樣你的樣式就能在不同的瀏覽器中正常運作。
PostCSS 外掛程式用於解析 CSS 並使用來自 Can I Use 的值將供應商前綴新增至 CSS 規則。
{% cta https://github.com/postcss/autoprefixer %} 💎 查看 Autoprefixer {% endcta %}
-
✉️ Postiz - 終極社群媒體調度工具，擁有大量人工智慧
如果您同時管理多個社群媒體帳戶，Postiz 可以幫您節省大量時間。它將您所有的平台連接到一個平台，甚至可以使用人工智慧來優化您的內容。
Postiz 提供您管理社群媒體貼文所需的一切，
建立受眾、獲取潛在客戶並發展您的業務。
{% cta https://github.com/gitroomhq/postiz-app %} 💎 看 Postiz {% endcta %}
-
📚 VuePress - 極簡主義的 Vue 靜態網站產生器
我很喜歡用 VuePress 來製作文件網站。它簡潔乾淨，底層由 Vue 驅動，所以如果你想要互動性的話，它也能滿足你的需要。
VuePress 是一個以 Markdown 為中心的靜態網站產生器。你可以用 Markdown 寫內容（文件、部落格等），然後 VuePress 會幫你產生一個靜態網站來託管它們。
{% cta https://github.com/vuejs/vuepress %} 💎 看 VuePress {% endcta %}
-
▲ Turborepo - 針對 JavaScript 和 TypeScript 優化的建置系統，用 Rust 寫
Turborepo 由 Vercel 和 Next.js 背後的同一批人建立，是一種高速建置系統，特別適用於 monorepos。
Turborepo 是一個用 Rust 編寫的適用於 JavaScript 和 TypeScript 程式碼庫的高效能建置系統。
{% cta https://github.com/vercel/turborepo %} 💎 看 Turborepo {% endcta %}
-
🪨 Medusa - 全球最靈活的商業平台
如果你曾經使用過 WooCommerce 或 Shopify，並感到束手無策，那麼 Medusa 會讓你感覺耳目一新。它採用模組化設計，開源且超級靈活。
Medusa 是一個內建可自訂框架的電商平台，讓您無需重新設計核心商務邏輯即可建立自訂商務應用程式。此框架和模組可用於建立高級 B2B 或 DTC 電商商店、平台、PoS 系統、服務型企業，或任何需要基礎商務功能的產品。所有商務模組均為開源模組，可在 npm 上免費取得。
{% cta https://github.com/medusajs/medusa %} 💎 看 Medusa {% endcta %}
13.🗄️ Nx - 建置系統，針對單一儲存庫進行了最佳化，具有 AI 驅動的架構感知和高階 CI 功能
Nx 不僅讓在單一倉庫中管理多個應用程式和函式庫變得可行，而且樂趣十足。它處理建置、測試和 CI/CD 非常輕鬆。
Nx Cloud 直接連接到您現有的 CI 設置，透過利用遠端快取、跨多台機器的任務分配、自動化 e2e 測試分割和自動化任務不穩定性偵測，幫助您在 CI 上擴展 monorepos
{% cta https://github.com/nrwl/nx %} 💎 查看 Nx {% endcta %}
-
🐇 Bun - 速度超快的 JavaScript 執行時、捆綁器、測試執行器和套件管理器 - 集於一身
Bun 可能是目前 JavaScript 生態系中最快的工具。它集執行時、打包器、測試執行器和套件管理器於一體。
Bun 是一套適用於 JavaScript 和 TypeScript 應用的一體化工具包。它以名為bun的可執行檔形式提供。
{% cta https://github.com/oven-sh/bun %} 💎 查看 Bun {% endcta %}
結論
了解所有這些工具並在適當的時機使用它們，你就能提升自己，成為真正的終極開發者！而且，無論你使用什麼語言程式設計。
非常感謝您閱讀這篇文章❤️！
你還使用哪些開源工具？想知道的話一定很有趣！
PS 另外，別忘了幫我並給 HMPL 加星號！
{% cta https://github.com/hmpl-language/hmpl %} 星標 HMPL {% endcta %}
原文出處：https://dev.to/anthonymax/14-open-source-tools-to-become-the-ultimate-developer-9j2
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式