STEP 01 / 05
安装 Claude Code
在 PowerShell 里运行:
npm install -g @anthropic-ai/claude-code安装完成后检查一下:
claude --versionSTEP 02 / 05
准备一个项目文件夹
新建一个空文件夹并进入它:
mkdir my-first-project
cd my-first-project
git init用 Git 管理项目有个好处:Claude 改过的每个文件,你都能用 git diff 看清楚,不满意可以撤回。
STEP 03 / 05
启动并登录
在项目文件夹里运行:
claude第一次启动会引导你登录。按屏幕提示在浏览器里完成授权,回到终端即可。下面这张图演示了截图标注的样式,点击可以放大:
STEP 04 / 05
让它做第一件事
在 Claude Code 的输入框里,用中文直接说你要什么,例如:
帮我创建一个简单的 index.html,页面中间显示“你好,世界”,并加一点好看的样式。Claude 会先说明打算怎么做,修改文件前会请你确认。确认后,用浏览器打开生成的 index.html 就能看到效果。
STEP 05 / 05
查看并保存改动
退出 Claude Code(输入 /exit 或按两次 Ctrl + C),然后查看改了什么:
git status
git diff满意的话提交一次:
git add .
git commit -m "第一个页面"恭喜,你已经用 AI 完成了第一次完整的“提需求 → 审核 → 提交”流程。