博主头像

Claude Code 新手教程

外来客 • 2026-09-02 07:59:41

分享
𝕏 f ◉
声明：本文为对公开内容的摘要整理， 未经本站独立核实，可能与原内容存在出入，不代表本站立场、观点或建议； 观点与版权归原作者及原平台所有。 如涉及版权问题，请联系我们，核实后立即删除。 [ 免责声明 ]

（原标题：Claude Code Tutorial for Beginners）

🛠️ Claude Code 核心定义与能力

  • 工具定位：Claude Code 是一款代理式 AI 编码工具，能够读取代码库、编辑文件、执行命令并自主解决问题。
  • 主要功能：支持构建应用程序和落地页；通过安装“技能”（Skills）赋予其特定超能力，实现多智能体协作。
  • 性能表现：在 Opus 4.6 模型支持下，能力显著提升。前沿实验室开发者反馈约 90% 的代码由 Claude Code 生成。
  • 适用平台：支持终端、VS Code、Antigravity 及 Cloud Desktop 应用，本教程主要基于 VS Code 演示。

📋 工作流模式与操作逻辑

  • 标准工作流：包含探索（读取文件）、规划（设计实现方案）、实施（编写代码、运行测试）和提交（推送至 GitHub 并创建 PR）四个阶段。
  • 操作模式：
  • Normal Mode：默认模式，具备读写和执行命令权限。
  • Auto Accept：跳过权限提示，无人工干预自动执行所有操作。
  • Plan Mode：仅进行探索和规划，不进行代码编辑，适用于多文件变更或范围不明确的新项目。
  • 切换方式：通过 `Shift + Tab` 键在 Normal、Auto Accept 和 Plan 模式间循环切换。

💻 VS Code 环境配置步骤

  • 前置准备：安装 VS Code 应用及 Claude Code 扩展插件。
  • 启动流程：
  1. 点击左上角 `File` -> `Open Folder`，选择目标工作文件夹（如空文件夹）。
  2. 在终端输入 `Claude` 并回车启动。
  3. 确认信任该文件夹权限（按数字键 1）。
  • 状态检查：使用 `/status` 命令查看版本、会话 ID、账户类型及 MCP 服务器状态；使用 `/model` 命令切换底层大语言模型。

📝 实战案例：构建商业落地页

  • 项目目标：为名为“Sugar and Bloom”的烘焙店构建单文件 HTML 落地页，包含英雄区介绍、交互式蛋糕选择问卷、六项菜单列表、客户评价及联系表单。
  • 执行步骤：
  1. 创建空文件夹并指定为工作目录。
  2. 复制结构化提示词（包含背景、指令、输入数据和输出要求）。
  3. 在 Claude Code 终端粘贴提示词并回车执行。
  • 生成结果：Claude Code 在约 2 分 16 秒内生成了约 700 行代码的完整 HTML 页面，无需外部依赖。
  • 对比计划：后续将引入前端设计技能（Skill），使用相同提示词重新构建页面，以对比无技能与有技能状态下的输出质量差异。

博主头像 👤 同一博主

查看该博主全部 16 篇

🧭 类似博主

0 条评论

发表评论

请先 登录 后参与讨论。