基础使用教程

界面介绍

主界面布局

Claude Code 的界面分为几个主要区域：

• 聊天窗口：与 AI 交互的主要区域
• 代码编辑器：实时查看和编辑代码
• 文件浏览器：管理项目文件
• 终端：执行命令

基本操作

1. 发起对话

直接输入你的需求：

帮我创建一个 React 组件，包含一个按钮

2. 代码生成

Claude Code 会自动生成代码并解释：

• 代码的作用
• 使用方法
• 注意事项

3. 代码修改

对生成的代码不满意？直接说：

把按钮改成红色

常用功能

文件操作

• 创建文件：创建一个名为 utils.ts 的工具文件
• 修改文件：修改 App.tsx，添加路由功能
• 删除代码：删除这个函数

代码解释

不理解某段代码？

解释一下这段代码的作用

Bug 调试

遇到错误？

我遇到了这个错误：[粘贴错误信息]
帮我找出问题

快捷键

• Cmd/Ctrl + Enter：发送消息
• Cmd/Ctrl + K：清空对话
• Cmd/Ctrl + L：聚焦输入框

小技巧

1. 清晰表达：说明你的需求和预期结果
2. 提供上下文：告诉 AI 你的项目背景
3. 循序渐进：从简单功能开始，逐步完善
4. 及时反馈：告诉 AI 哪里需要调整

下一步

掌握了基础操作后，建议学习：

• 高级提示词技巧
• 团队协作最佳实践
• 自动化工作流