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