簡介
comp-hub 是什麼
comp-hub 是一個多框架元件預覽與共享平台（支援 Vue & React），協助開發團隊實現業務元件的沉澱與複用。
為什麼選擇 comp-hub
在現代前端開發中，元件化已成為主流趨勢。然而在實際工作中，我們常常會遇到這些問題：
- 元件找不到：歷史專案中的優秀元件難以檢索，重複造輪子
- 複製成本高：直接複製元件程式碼後，需要處理依賴、路徑、樣式等各種問題
- 版本難同步：多個專案共用元件時，更新後無法及時同步到所有專案
- 預覽不方便：查看元件效果需要啟動完整專案，效率低下
- 文件不齊全：元件缺乏使用說明，其他開發者難以快速上手
comp-hub 透過「上傳-預覽-下載」的閉環流程，讓元件複用變得簡單高效。
核心能力
- 線上預覽：無需下載即可查看元件效果，支援小窗和全螢幕兩種預覽模式
- 一鍵下載：直接下載到指定目錄，保持完整的檔案結構和資源引用
- 版本管理：支援語意化版本，可隨時查看和切換歷史版本
- 依賴適配：智慧匹配本機依賴版本，確保元件在本機環境正常執行
- 文件整合：支援 Markdown 文件，元件功能和使用方法一目了然
工作原理
comp-hub 採用「本機執行 + 雲端儲存」的混合架構：
- 元件預覽：在您的本機專案中渲染元件，確保環境與實際使用一致
- 元件儲存：元件中繼資料和程式碼儲存在雲端，方便檢索和共享
- 依賴偵測：自動分析元件依賴，與本機環境進行匹配
這種設計既保證了元件執行的可靠性，又實現了跨專案的資源共享。
適用場景
- 團隊內部：建立團隊元件庫，統一業務元件規範
- 個人開發：管理個人累積的元件，避免重複開發
- 外包專案：快速複用歷史專案元件，提升交付效率