專案準備

有一個可以操作的專案,會讓你在 Claude Code 中練習時更有意思。

我準備了一個小專案供你探索,它就是前面影片裡演示的 UI 生成應用。注意:你不一定需要執行這個專案,如果你願意,也可以用自己的代碼庫跟隨課程。

準備步驟

該專案需要一些基礎設置:

  1. 確保本地安裝了 Node.js。安裝說明: https://nodejs.org/en/download
  2. 下載本節附帶的 uigen.zip 並解壓
  3. 在專案目錄執行 npm run setup,安裝依賴並初始化本地 SQLite 資料庫
  4. 可選:該專案使用 Anthropic API 調用 Claude 生成 UI 組件。 如果你想完整體驗應用,需要提供 API Key(不提供也能生成靜態假數據)。
    1. https://console.anthropic.com/ 獲取 API Key
    2. 將 API Key 寫入 .env 檔案
  5. 執行 npm run dev 啟動專案