第一个项目

现在让我们用 Claude Code 完成第一个实际任务：为一个 React 项目添加一个待办事项组件。

启动 Claude Code

在项目根目录运行：

claude

提出需求

输入你的需求：

请帮我创建一个 TodoList 组件，支持添加、删除和标记完成待办事项。使用 TypeScript 和 Tailwind CSS。

Claude Code 会分析项目结构，找到合适的目录，并创建组件文件。

观察它的工作

Claude Code 通常会：

1. 查看项目结构和现有组件
2. 询问或确认一些细节
3. 创建文件
4. 建议运行测试或启动开发服务器

审查修改

不要直接接受所有修改。使用 git diff 查看变更：

git diff

重点关注：

• 是否符合项目代码风格
• 是否有类型错误
• 是否引入了不必要的依赖

迭代优化

如果发现不满意的地方，可以直接告诉 Claude Code：

请把状态管理改成 useReducer，并添加本地存储持久化。

它会根据你的反馈继续修改。

下一章

下一章，我们将学习如何使用 Claude Code Skills 来扩展能力。