Claude Code完全上手指南：从安装到做出第一个项目

Claude Code是Anthropic推出的AI编程命令行工具，代码能力极强，能直接操作你的文件系统。这篇教你怎么上手。

Claude Code是什么？

简单说：你在终端（命令行）里跟AI对话，AI直接帮你创建文件、写代码、运行命令。

跟ChatGPT的区别：

ChatGPT：AI给你代码，你自己复制粘贴

Claude Code：AI直接帮你写入文件，不用复制粘贴

第一步：安装

# 需要先安装Node.js（去nodejs.org下载）
npm install -g @anthropic-ai/claude-code
安装完后运行

claude

第一次运行会让你登录Anthropic账号。

第二步：认识基本操作

进入Claude Code后，你就在一个对话界面里：

> 你好，帮我创建一个新的网页项目Claude: 我来帮你创建。先创建项目目录和基本文件...
[创建 index.html]
[创建 style.css]
[创建 script.js]
项目已创建完成！

你会看到AI真的在你的电脑上创建了这些文件。

第三步：做第一个项目

试试做一个倒计时页面：

帮我做一个2026年国庆倒计时的网页：
显示距离10月1日还有多少天、小时、分、秒

实时更新

背景用红色渐变，有节日氛围

加上烟花动画效果

Claude Code会：

自动创建HTML/CSS/JS文件

写入完整代码

你只需要打开index.html预览

常用技巧

让AI改代码：

把倒计时数字改大一点，字体用白色

让AI修Bug：

我运行后报错了，错误信息是：[粘贴报错]

让AI解释代码：

解释一下script.js里的代码，用最通俗的语言

让AI运行命令：

帮我安装express依赖

AI会执行 npm install express

vs Cursor怎么选？

| 场景 | 推荐 |
|------|------|
| 纯新手，第一次写代码 | Cursor（有图形界面） |
| 做全栈项目 | Claude Code（能操作终端） |
| 改已有项目的代码 | Cursor（所见即所得） |
| 部署、运维操作 | Claude Code（命令行能力强） |
| 快速原型 | 都行 |

建议：先用Cursor入门，熟悉后试试Claude Code。

注意事项

Claude Code会直接修改你的文件，建议在新文件夹里操作

重要项目先用git保存，再让AI改

如果AI要执行危险命令（比如删除文件），它会先问你确认

小结

Claude Code的核心优势是"AI直接帮你干活"——不用来回复制代码，不用手动创建文件，一切在对话中完成。如果你习惯了命令行操作，Claude Code会让你的效率起飞。