项目准备
有一个可以操作的项目,会让你在 Claude Code 中练习时更有意思。
我准备了一个小项目供你探索,它就是前面视频里演示的 UI 生成应用。
该项目需要一些基础设置:
- 确保本地安装了 Node.js。安装说明:Node.js Download
- 下载本节附带的
uigen.zip并解压。 - 在项目目录运行
npm run setup,安装依赖并初始化本地 SQLite 数据库。 - 可选:获取 API Key
该项目使用 Anthropic API 调用 Claude 生成 UI 组件。如果你想完整体验应用,需要提供 API Key(不提供也能生成静态假代码)。
- 在 Anthropic Console 获取 API Key。
- 将 API Key 写入
.env文件。
- 运行
npm run dev启动项目。