有一個可以操作的專案,會讓你在 Claude Code 中練習時更有意思。
我準備了一個小專案供你探索,它就是前面影片裡演示的 UI 生成應用。注意:你不一定需要執行這個專案,如果你願意,也可以用自己的代碼庫跟隨課程。
準備步驟
該專案需要一些基礎設置:
- 確保本地安裝了 Node.js。安裝說明: https://nodejs.org/en/download
- 下載本節附帶的
uigen.zip並解壓 - 在專案目錄執行
npm run setup,安裝依賴並初始化本地 SQLite 資料庫 -
可選:該專案使用 Anthropic API 調用 Claude 生成 UI 組件。
如果你想完整體驗應用,需要提供 API Key(不提供也能生成靜態假數據)。
- 在 https://console.anthropic.com/ 獲取 API Key
- 將 API Key 寫入
.env檔案
- 執行
npm run dev啟動專案