有一个可以操作的项目,会让你在 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启动项目