上手教程
Claude Code 入门:从安装到第一个项目
Claude Code 是 Anthropic 推出的编程助手,直接在终端里运行。它能读懂整个项目、修改多个文件、运行命令和测试,适合用来写新功能、修 bug、重构代码。
开始前需要准备什么
- Claude 会员账号:Pro 和 Max 都可以使用 Claude Code,额度和网页版共用。
- 电脑系统:macOS、Linux,或 Windows(原生或 WSL 均可)。
- 终端:macOS 用「终端」或 iTerm,Windows 用 PowerShell 或 Windows Terminal。
如果你还不熟悉终端也没关系,整个过程只需要复制粘贴几条命令。
第一步:安装
官方提供一键安装脚本,按系统选择对应命令:
macOS / Linux / WSL
curl -fsSL https://claude.ai/install.sh | bash
Windows(PowerShell)
irm https://claude.ai/install.ps1 | iex
已经装了 Node.js 的话,也可以用 npm 安装
npm install -g @anthropic-ai/claude-code
安装完成后,输入下面的命令,看到版本号就说明安装成功:
claude --version
安装命令可能随官方更新而变化,遇到报错时请以 Anthropic 官方文档为准,或把报错截图发给客服协助排查。
第二步:登录账号
进入任意一个文件夹,输入 claude 启动。第一次运行时会让你选择登录方式:
- 选择用 Claude 账号登录(订阅用户选这一项)。
- 浏览器会自动打开授权页面,确认授权。
- 回到终端,看到欢迎界面就登录成功了。之后再启动不需要重复登录。
第三步:完成第一个项目
我们用一个「待办清单」网页来体验完整流程。新建一个空文件夹并启动 Claude Code:
mkdir todo-app
cd todo-app
claude
然后直接用中文描述你想要什么:
~/todo-app — claude
> 用 HTML、CSS 和 JavaScript 做一个待办清单网页,
可以添加、勾选完成、删除任务,刷新后数据不丢失。
● 我会创建 3 个文件:
- index.html 页面结构
- style.css 样式
- app.js 添加/完成/删除,并用 localStorage 保存
? 是否创建 index.html? ❯ 是 / 是,本次都允许 / 否
Claude Code 每次修改文件或运行命令前都会征求你的同意。确认后它会自动写好代码。完成后,用浏览器打开 index.html 就能看到效果。
想继续改进,接着用自然语言提要求就行,比如「加一个按日期排序的功能」「改成深色主题」。
常用命令和快捷键
| 命令 / 按键 | 作用 |
|---|---|
/init | 分析当前项目,生成 CLAUDE.md 项目说明文件。以后每次启动都会读取它,了解项目结构和规范。 |
/clear | 清空当前对话,开始新任务。换任务时用它,可以节省额度。 |
/help | 查看所有可用命令。 |
Esc | 中断 Claude 正在执行的操作。 |
Shift + Tab | 切换工作模式,比如自动接受修改,或只做计划不动手。 |
用好 Claude Code 的五个技巧
- 需求写具体。「做个登录页」不如「做一个邮箱加密码的登录页,密码至少 8 位,错误时在输入框下方显示红色提示」。
- 大任务先要计划。先说「先列出计划,不要改代码」,确认方向后再让它动手。
- 用 Git 小步保存。每完成一步就提交一次,改坏了可以随时退回。
- 把规范写进 CLAUDE.md。比如代码风格、常用命令、不要动的文件,它每次都会遵守。
- 一个对话做一件事。任务完成后用
/clear开新对话,回答更准,也更省额度。
额度够用吗?
Claude Code 会反复读取项目文件,消耗比普通聊天快得多。偶尔用一用,Pro 就够;如果每天要用它写几个小时代码,建议选 Max 5x 或以上。详细对比见三档会员怎么选。
开通会员,开始用 Claude Code
Pro 和 Max 都支持 Claude Code。全托管套餐还包含使用环境配置和中文技术支持。
查看套餐