阿川私房教材：
學 JavaScript 前端，帶作品集去面試！

63 個專案實戰，寫出作品集，讓面試官眼前一亮！

立即開始免費試讀！

小編精選 - 技術文章翻譯 · 12月11日

2025 年前您必須探索的 5 大開源專案

開源專案是現代軟體開發的支柱。無論您是學習編碼、建立尖端應用程式還是探索科技世界，開源專案都可以推動創新和協作。

你可知道？ GitHub 最近報告稱，開源貢獻的成長速度比以往任何時候都快。

2024 年，開發者為超過 5.18 億個開源專案貢獻了超過 52 億美元。

在本文中，我將向您介紹2025 年之前需要探索的 5 個開源專案。

數以百萬計的開發人員正在利用開源工具更快、更有效地解決現實世界的問題。

讓我們深入了解吧！ 🚀

Encore - 成長最快的後端框架

Encore是 Go 和 TypeScript 的開源後端框架，Encore 允許開發人員在程式碼中將服務、資料庫和 Pub/Sub 等資源定義為類型安全性物件。

您可以在 5 分鐘內啟動並執行 Encore 應用程式。

安裝 Encore（適用於 macOS）：

brew install encoredev/tap/encore

建立教程應用程式：

encore app create --example=ts/introduction

本地執行：

encore run

你知道嗎？ Encore 團隊針對 Fastify、Bun 和 Express.js 等框架對 Encore.ts進行了基準測試，在使用和不使用模式驗證的情況下進行測試。

結果令人興奮：

✅ Encore.ts 每秒處理的請求比 Express.js 多 9 倍。

✅ 與 Express.js 相比，Encore.ts 的反應延遲減少了 80%。

Encore 透過 Rust 中的多執行緒事件循環提高後端效能，從 JavaScript 卸載 I/O 任務。它預先計算請求模式，整合 Pub/Sub 和資料庫等資源，並自動化雲端基礎設施管理，從而實現高效且可擴展的應用程式。

您可以從其文件中找到更多範例和資源來正確探索 Encore。

他們在GitHub上擁有 7k+ star，專案不斷發展和完善。

{% cta https://github.com/encoredev/encore %} GitHub 上的 Star Encore ⭐️ {% endcta %}

Encore也將於 2024 年 12 月 9 日至 12 月 13 日舉辦令人興奮的發布週！ 🎉

如果您是開發人員，希望透過多執行緒事件循環和無縫雲端基礎架構來增強後端效能，那麼您將不想錯過 Encore 的發布週！ 🚀

報名參加啟動直播，為 5 天的發布做好準備！

{% cta https://encore.dev/launchweek %} 🔥 在此註冊 🔥 {% endcta %}

美人魚- 圖表和流程圖變得簡單

美人魚

Mermaid是基於 JavaScript 的開源圖表繪製工具，旨在簡化使用文字和程式碼建立圖表的過程。它允許開發人員輕鬆地從類似 Markdown 的語法生成流程圖、序列圖、類別圖等。

使用 Mermaid 最簡單的方法是來自Mermaid Live Editor

前往即時編輯器並在Code面板中編寫或編輯 Mermaid 程式碼，並立即在圖表面板中Preview渲染結果。

序列圖範例：

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!

您將在美人魚編輯器中獲得以下預覽：

美人魚2

美人魚適合：

管理版本控制中的複雜圖表並增強團隊協作。
定製圖表以滿足特定需求。
與流行框架順利集成，實現靈活的工作流程

Mermaid 透過使用基於文字和 Markdown 的語法支援 10 多種圖表/流程圖類型，簡化了開發人員和文件編寫者的圖表建立，非常適合版本控制和團隊協作。

您可以從其文件中找到更多正確使用 Mermaid 的範例和資源。

他們在GitHub上有 72k+ 的星星，專案被頂級公司使用，也得到了很大的社區支持。

{% cta https://github.com/mermaid-js/mermaid %} GitHub 上的明星美人魚 ⭐️ {% endcta %}

KitOps - 市場上唯一的 AI/ML 打包和版本控制系統

套件操作

KitOps是一款開源工具，可增強 AI/ML 模型和資料集的打包、版本控制和跨團隊共享的方式。

採用名為 ModelKit 的 OCI 標準封裝格式，相容於各種 AI/ML、DevOps 和雲端工具，使其成為高效增強 AI/ML 專案生命週期的必備工具。

有何不同？

標準化打包：ModelKit 將資料集、程式碼、配置和模型組合到一個標準化的、不可變的套件中，並且可以儲存在 Docker Hub 等容器註冊表中。
不變性：預設情況下，ModelKit 是不可變的，確保所有工件都經過版本控制並且一旦儲存就無法更改。
靈活的層拉取：使用Kit CLI ，您可以根據管道要求僅拉取必要的元件 - 模型、資料集、測試或程式碼。

它還支援用於部署資料集、模型和程式碼的多個管道，允許根據需要存取相同工件的不同層。

這可以透過拉取匹配的資料集、模型和程式碼來確保更安全的部署，特別是在跨專案進行較大變更時。

您可以在此處找到更多有關 KitOps 的範例和資源。

他們在GitHub上有 500 多個 star，該專案非常新，但到目前為止安裝量已超過 35k+，加入他們的Discord並參與其中。

{% cta https://github.com/jozu-ai/kitops %} GitHub 上的 Star KitOps ⭐️ {% endcta %}

Eidolon AI - 業界第一個面向企業的 AI 代理伺服器

幻靈人工智慧

EidolonAI是一個開源框架，旨在透過允許您建立和管理互連的 AI 代理來簡化 AI 開發。

它的核心功能 AgentOS 簡化了 Eidolon 框架內軟體代理程式的自動化和編排。

您可以在 OpenAI API Key 和 Docker 的幫助下使用 Eidolon Quickstart。

若要將儲存庫複製到您的計算機，請執行以下命令：

git clone https://github.com/eidolon-ai/eidolon-quickstart.git

現在，在開發模式下執行 Eidolon 多代理伺服器：

cd eidolon-quickstart
make docker-serve # or sudo make docker-serve

在此步驟輸入 OpenAI 金鑰並在 Web 瀏覽器中開啟http://localhost:3000 。

幻靈人工智慧

您將看到這樣的預覽來與 Eidolon 代理交互，Dev 模式提供本地 http 伺服器和本地內存，使您可以輕鬆專注於並熟悉 Eidolon 功能。

現在，您可以在後續步驟中變更系統提示、交換 LLM 或設定多代理通訊。

例如，您可以將系統提示變更為：

  system_prompt: |
    Repeat the user prompt, then translate the user prompt into Spanish.

一些主要特點：

AgentOS ：透過簡單的介面和操作註冊來管理人工智慧代理，以建立會話或任務導向的代理
模型彈性：無縫整合新的 AI 模型（如 OpenAI 的 o1），無需更改核心邏輯
多智能體協作：支援多智能體通訊和工具集成，以完成複雜、協調的任務。

您可以從其文件中找到更多範例和資源來探索 EidolonAI。

他們在GitHub上有 300+ star，該專案非常新且有趣。您也可以作為貢獻者參與其中。

{% cta https://github.com/eidolon-ai/eidolon %} GitHub 上的 Star Eidolon ⭐️ {% endcta %}

PostHog - 完整的產品分析平台

郵差豬

PostHog是一個開源產品分析平台，旨在讓團隊完全控制其資料。它使企業能夠追蹤用戶行為、分析趨勢並建立可行的見解，而無需依賴第三方工具。

要設定 PostHog 進行產品分析，您需要將其安裝在要追蹤資料的應用程式中。

最簡單的開始方法是在 HTML 程式碼中加入一個簡單的 JavaScript 片段：

<script>
    !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
    posthog.init('<ph_project_api_key>', {api_host: 'https://us.i.posthog.com', person_profiles: 'identified_only'})
</script>

將<ph_project_api_key>和<ph_client_api_host>替換為您的專案值，然後將程式碼片段放置在<head>標記內，最好放在</head>之前。這可確保 PostHog 在使用者造訪的每個頁面上載入。

新增後，PostHog 開始自動擷取$pageview和其他事件，例如按鈕點擊。您可以在專案設定中啟用其他功能，例如會話重播。

一些主要特點：