Day 2: 基础命令
学会让 Claude 创建、修改、运行文件。
创建文件
创建组件
你：创建一个 Button.jsx 组件
Claude：我来为你创建一个 Button 组件...Claude 会自动创建文件，并写好基础代码。
创建 API 接口
你：在 api 文件夹下创建用户登录接口
Claude：我来创建一个用户登录的 API 接口...修改文件
修改现有代码
你：把 getUserInfo 函数改成异步的
Claude：我来修改 getUserInfo 函数，让它支持异步操作...添加功能
你：给按钮组件添加加载状态
Claude：我来为 Button 组件添加加载状态...运行命令
安装依赖
你：安装 axios 库
Claude：我来为你安装 axios 库
> npm install axios运行项目
你：启动开发服务器
Claude：我来启动开发服务器
> npm run dev运行测试
你：跑一下测试看看结果
Claude：我来运行测试
> npm test实用技巧
1. 一次搞定多个操作
你：创建登录页面，包含表单和样式Claude 会一次性创建多个相关文件。
2. 指定位置
你：在 components/ui 下创建 Modal 组件明确说出文件夹位置更准确。
3. 说明技术栈
你：用 React + TypeScript 创建用户列表组件技术栈说清楚，代码更合适。
常见操作
| 你想做什么 | 这样说 |
|---|---|
| 新建文件 | "创建 Header.jsx 组件" |
| 改代码 | "把这个函数改成箭头函数" |
| 加功能 | "给表单添加验证" |
| 装包 | "安装 moment.js" |
| 跑项目 | "启动项目" |
| 看错误 | "运行看看有没有错误" |
小窍门：不确定怎么说的时候，就用平常说话的方式。Claude 很聪明，能听懂。
第二天完成！ 你已经学会基本的文件操作了。明天学习如何让 Claude 帮你理解代码。
下一步
Day 3: 读懂代码 - 让 Claude 解释复杂代码
练习建议：
- 试着创建 3-5 个不同的文件
- 让 Claude 修改一下现有代码
- 跑一下项目，看看效果