Claude Code完全上手指南
不懂程式設計也能學會的AI程式設計工具 | 從0到1掌握Claude Code + 20個實用技巧
一、為什麼我選擇Claude Code
過去幾個月,我一直在用Claude Code。
開始我是Cursor的重度使用者,小貓補光燈就是用Cursor做的。但試了Claude Code之後,很多場景我更喜歡用它。
我用Claude Code做了什麼?
B站和YouTube評論自動回覆
之前每天要花1小時逐條 回覆留言。讓Claude Code寫了個指令碼,自動識別關鍵詞並回復。省下的時間都能再做個影片了。
Paul Graham的100篇文章翻譯
理論上寫個爬蟲更高效。但直接跟Claude Code說"翻譯Paul Graham最新100篇文章",它自己就搞定了。
這種Agent式的工作方式,你不用告訴它每一步怎麼做,它自己會規劃和執行,確實方便。
想到什麼做什麼
昨天想做個書單頁面,今天想做個倒計時。都能很快搞出來。
為什麼選Claude Code?
Claude Code在理解整個程式碼庫、處理複雜任務方面做得更好。
去年大家卷AI IDE,今年突然又都在卷終端工具。Claude Code能起來,很大程度是因為Anthropic有模型優勢——可以更"無所畏懼"地給模型投餵程式碼上下文,不用太擔心成本。
用下來的感覺是,它更像一個真正理解你專案的助手,而不只是程式碼補全工具。
對比一下主流工具
| 特性 | Claude Code | Cursor | GitHub Copilot |
|---|---|---|---|
| 執行環境 | 終端 | IDE | IDE |
| 理解範圍 | 整個程式碼庫 | 當前檔案為主 | 當前檔案 |
| 工作方式 | Agent式(自己規劃執行) | 補全+對話 | 補全為主 |
| Git管理 | ✅ 內建支援 | 基礎支援 | ❌ 不支援 |
| 價格 | $20/月 | $20/月 | $10/月 |
這篇文章會教你:
- 怎麼安裝(Mac使用者,10分鐘搞定)
- 做第一個網頁(完整案例,不會程式碼也能做)
- 20個實用技巧(都是我踩過坑總結的)
強烈建議:在Cursor或VS Code的終端裡用Claude Code。
為什麼?
因為Cursor本身就是AI助手,安裝過程中遇到任何報錯,直接問Cursor怎麼解決。相當於有個AI在旁邊指導你。
二、準備和安裝(Mac使用者)
2.1 你需要什麼
系統要求:
- macOS 10.15+(點選左上角 → 關於本Mac 檢視)
- Node.js 18+(下面教你裝)
推薦在哪裡操作:
- ✅ Cursor或VS Code的終端(強烈推薦)
- ✅ 系統自帶終端(也可以)
2.2 快速安裝(3步搞定)
Step 1: 開啟終端
在Cursor裡:
- 快捷鍵:Ctrl+`(反引号键,Tab上面那个)
- 或者:菜单 Terminal → New Terminal
在系统自带终端里:
- Cmd+Space 搜索"终端"
Step 2: 安装Node.js(如果还没装)
先检查有没有装过: CODE_BLOCK_0
如果看到类似 v20.10.0 的版本号,说明已经有了,跳到Step 3。
如果显示 command not found,需要安装:
方法1:用Homebrew(推荐) CODE_BLOCK_1
方法2:去官网下载
- 访问 https://nodejs.org/
- 下载LTS版本
- 双击安装包,一路点"继续"
遇到报错?
在Cursor里直接选中报错信息,问:"怎么解决?"
Cursor会分析报错,告诉你下一步怎么做。
Step 3: 安装Claude Code
一条命令搞定: CODE_BLOCK_2
回车,等1-2分钟。
会看到一堆文字滚动(这是正常的),最后显示: CODE_BLOCK_3
Step 4: 验证
关闭终端,重新打开,输入: CODE_BLOCK_4
看到版本号就成功了。
2.3 第一次启动
输入: CODE_BLOCK_5
浏览器会自动打开授权页面。
还没账号:
- 点"Sign up"(免费)
- 验证邮箱
已有账号:
- 登录
- 点"Authorize"
回到终端,看到 You: 提示符,就搞定了。
2.4 常见问题快速解决
Q: 命令找不到(command not found)
- 关闭终端,重新打开
- 还不行?问Cursor:"claude command not found怎么解决"
Q: Node版本太低
- 提示需要18+:
brew upgrade node
Q: 网络连接失败
- 检查网络
- 国内可能需要科学上网工具
Q: 授权页面打不开
- 复制终端里的链接,手动在浏览器打开
遇到其他问题?
- 在Cursor里问AI:"[把报错信息粘贴这里] 怎么解决"
- Cursor会根据报错内容给你具体的解决方案
三、第一次使用:做个书单网页
安装好了,现在来点有趣的。
让AI帮你做一个"我的书单"网页。
不需要会代码,能打字就行。
3.1 创建项目文件夹
在终端里输入(在Cursor的终端里也一样): CODE_BLOCK_6
这会创建一个叫"my-bookshelf"的文件夹,并进入这个文件夹。
3.2 启动Claude Code
CODE_BLOCK_7
看到 You: 提示符,表示Claude在等你说话了。
3.3 告诉Claude你 想要什么
复制下面这段话,粘贴到Claude Code里:
CODE_BLOCK_8
回车。
3.4 Claude开始工作
Claude会思考,然后问你: CODE_BLOCK_9
这是在问:"我能创建这个文件吗?"
输入 yes(或 y),回车。
可能还会问几次权限,都说 yes。
为什么要确认?
避免意外修改文件。保护机制。
3.5 打开你的作品
代码生成好之后,在终端输入: CODE_BLOCK_10
浏览器会自动打开,你应该能看到一个精美的书单网页!
在Cursor里更方便:
- 生成的文件会直接出现在Cursor的文件列表里
- 可以右键文件 → Open in Browser
- 也可以点击预览
3.6 想修改?继续对话
不用退出Claude Code,直接继续说:
改颜色: CODE_BLOCK_11
调整布局: CODE_BLOCK_12
修改内容: CODE_BLOCK_13
Claude会继续修改。你说 yes,刷新浏览器页面(Cmd+R),就能看到变化。
想改多少次都可以,直到你满意为止。
3.7 完成
满意了:
/clear清空对话exit退出
文件会一直在文件夹里。
恭喜,你做出了第一个网页。
四、20个使用技巧
基础必知(1-8)
技巧1: 每次新任务用/clear ⭐
什么时候用:
做完一个项目,要开始新项目。
怎么做:
输入 /clear
为什么重要:
对话历史越长,Claude越容易混乱。
就像你跟一个人聊了10个小时,他会把不同话题搞混。
/clear相当于"清空购物车重新选"。
我的习惯:
- 做完一个网页,要做另一个 → /clear
- Python切换到JavaScript → /clear
- Claude开始"不对劲" → 立即/clear
技巧2: 先规划,再动手
怎么做:
提示词前加"先制定计划,等我确认后再执行"
或者按两次 Shift+Tab(规划模式)
示例: CODE_BLOCK_14
为什么有用:
避免方向错了做一半才发现。
就像装修房子,先看图纸。
技巧3: 创建CLAUDE.md
怎么做:
在项目文件夹创建 CLAUDE.md,写上偏好。
示例: CODE_BLOCK_15
为什么神奇:
Claude启动时会自动读取,遵守规则。
不用每次都重复说。
在Cursor里更方便:
- 直接创建
- Cursor和Claude Code都能读
- 团队共享
技巧4: 把Claude当成很快的实习生
心态调整:
- ✅ Claude = 很快、记忆力完美的实习生
- ❌ Claude ≠ 能读懂你心思的老师傅
好的提示词: CODE_BLOCK_16
不好的提示词: CODE_BLOCK_17
原则:
- 说清楚要什么功能
- 说清楚要什么样子
- 举例子("像淘宝那样")
- 说不要什么("不要复杂动画")
技巧5: 用Escape停止Claude(不是Ctrl+C)
常见错误: 按 Ctrl+C → 整个Claude都退出了
正确方法: 按 Escape → 只停止当前任务
额外技巧: 按两次Escape可以查看历史对话列表,可以跳回之前的某个点。
技巧6: /terminal-setup让换行更方便
问题: 默认按Enter就发送了,想输入多行怎么办?
解决:
运行一次 /terminal-setup
效果:
- Shift+Enter:换行
- Enter:发送
只需要设置一次,以后都会这样。