建立專案
專案設定
點擊 + 新建專案 按鈕從專案儀表板開啟建立精靈。第一個畫面設定專案的基本配置,然後選擇技術堆疊。
專案名稱
輸入您的專案名稱。名稱會即時驗證——必須是有效的資料夾名稱(不包含 <>:"/\\|?* 等特殊字元),且不能與所選位置的現有資料夾衝突。
專案位置
您的專案資料夾將建立在此預設目錄中。點擊瀏覽以選擇不同的目錄。專案以專案名稱作為子資料夾建立。
連結至 GitHub
選擇性地選擇 GitHub 帳戶,以自動在本機專案旁建立遠端儲存庫。選擇「無(預設不使用 GitHub)」以跳過此步驟。
選擇平台
選擇四個平台磚塊之一來決定您要建置的專案類型。每個平台在下一個畫面顯示不同的框架和技術堆疊選項。
Blank
CLI 工具、腳本、程式庫
Desktop
原生桌面應用程式
Web
基於瀏覽器的應用程式
Mobile
裝置應用程式
建置類型
選擇專案的初始化方式:
全新安裝
使用標準框架工具建構新專案。Kaiju Hub AI 執行適當的 CLI 命令(例如 npm create vite@latest、cargo init、npx create-tauri-app)並安裝所有依賴項。
AI 生成
描述您想建置的內容,讓 AI 生成整個專案。您提供文字描述和選用的參考圖片,然後 AI 撰寫所有原始碼、設定檔和專案結構。
設定專案後,點擊 繼續到技術堆疊 繼續。
Blank 專案
Blank 專案適用於 CLI 工具、腳本、獨立應用程式和語言專用入門專案。選擇您的語言或執行環境,Kaiju Hub AI 將建構最小化的專案結構。
語言 / 執行環境選項
部分語言包含版本選擇器。例如,選擇 Python 會顯示版本選項(3.10、3.11、3.12、3.13、3.14、3.15)。所選版本決定用於建立虛擬環境的Python直譯器。
桌面專案
Desktop 專案建立原生桌面應用程式。選擇桌面框架、UI 的前端框架,以及選用的資料庫。所有前端框架都預先設定了 TypeScript。
桌面框架
提供桌面視窗外殼和系統級 API 的原生框架。
前端框架
在桌面視窗內執行的 UI 框架。所有選項都預先設定了 TypeScript。
資料庫
用於本機或雲端資料儲存的選用資料庫整合。
Web 專案
Web專案建立基於瀏覽器的應用程式。首先選擇 僅前端 或 全端 來決定可用的框架選項。所有框架預設啟用TypeScript。
僅前端
用於單頁應用程式和靜態網站的獨立 UI 框架。包含自訂套件按鈕以新增您自己的 npm 套件。
全端
具有內建伺服器端渲染和 API 路由的完整 Web 框架。
樣式
資料庫
行動專案
Mobile 專案建立 iOS 和 Android 的裝置應用程式。選擇行動框架、SDK 版本和選用的資料庫。
行動框架
選擇您行動應用程式的框架。支援多個 SDK 目標的框架會顯示 SDK 版本選擇器。
SDK 版本
對於 Expo 等框架,選擇 SDK 版本(例如 52、53、54、55)。這決定了基礎依賴項和 API 相容性。
資料庫
行動應用程式的選用雲端或本機資料庫。
全新安裝
當您選擇 全新安裝 作為建置類型時,Kaiju Hub AI使用標準框架工具搭建您的專案。選擇技術堆疊後,點擊 建立專案 ,Kaiju Hub AI會處理其餘的工作。
發生什麼
1. 偵測套件管理器
Kaiju Hub AI 自動偵測您系統上安裝的套件管理器(npm、yarn 或 pnpm)。
2. 執行建立命令
為您選擇的技術堆疊執行適當的 CLI 工具。例如:React 使用 npm create vite@latest、Rust 使用 cargo init、Tauri 使用 npx create-tauri-app。
3. 安裝依賴項
執行套件管理器安裝命令以下載和設定所有必要的依賴項。
4. 初始化 Git
設定帶有初始提交的本機 Git 儲存庫。
5. 建立 GitHub 儲存庫
如果您連結了 GitHub 帳戶,會自動建立遠端儲存庫並推送初始提交。
專案建立完成後會出現在您的專案儀表板中,可以開啟並開始撰寫程式碼。
AI 生成
當您選擇 AI生成 作為建置類型時,您描述想要建置的內容,AI將撰寫整個初始程式碼庫。選擇技術堆疊後,點擊 建立專案 開啟AI生成畫面。
AI 模型選擇
在生成畫面頂部,選擇 AI 供應商和模型。您可以從任何已設定的供應商(OpenAI、Anthropic、Gemini、Grok、DeepSeek、Ollama)中選擇,並挑選用於程式碼生成的特定模型。
專案描述
撰寫您想建置內容的詳細描述。您描述得越具體,結果就越好。包括主要功能、頁面、UI 模式和您需要的任何整合。
良好範例:
- 具有產品列表和購物車的電商網站
- 具有看板的任務管理儀表板
- 具有使用者個人資料和動態的社群媒體平台
- 具有聯絡人管理和分析的CRM系統
使用 AI增強 按鈕自動擴展您的描述,新增更多細節。您也可以中鍵點擊麥克風圖示,使用語音輸入來口述描述。
側邊欄標籤
左側邊欄為 AI 提供額外的上下文:
圖片
上傳參考圖片、模型圖或截圖,向 AI 展示您希望應用程式的外觀。拖放、使用 Ctrl+V 貼上或點擊新增。需要選擇具有視覺功能的模型。
元件
從您的區塊庫附加可重複使用的元件。AI 將把這些整合到生成的專案中。
檔案
包含 AI 在生成過程中應考慮的參考檔案(例如現有程式碼、設計規格或資料結構描述)。
生成
點擊 產生專案 右上角開始AI生成。AI將分析您的描述和參考資料,規劃架構,產生檔案結構,並撰寫所有原始碼和設定檔。進度在 全域任務管理器 中即時追蹤。
