2.2 项目初始化
1.有项目配合使用 Claude Code 会更有趣。
使用 Claude Code 时，如果手头有一个项目会更有意思。
我准备了一个小项目供你用 Claude Code 探索，它与之前视频中展示的同款 UI 生成应用相同。注意：你不必运行这个项目；如果愿意，你也可以用自己的代码库继续学习本课程后续内容。
2.该项目只需少量设置即可开始。
本项目需要进行少量设置：
1.确保已在本地安装 Node.js。安装说明链接。
2.下载随本讲附带的 uigen.zip 压缩包并解压。
3.在项目目录下运行 npm run setup 来安装依赖并设置本地 SQLite 数据库。
4.可选：该项目通过 Anthropic API 使用 Claude 生成 UI 组件。若你想完整测试应用，需要提供访问 Anthropic API 的密钥。这是可选的；即使不提供密钥，应用也会生成一些静态的模拟代码。设置 API 密钥的方法如下：
①在 https://console.anthropic.com/ ↗ 获取 Anthropic API 密钥。
②将你的 API 密钥放入 .env 文件。
运行 npm run dev 启动项目。
附件：
