Claude Code × VS Code 設定教學

口播 Hook（建議用呢個開場）

你仲喺度一行一行打代碼？呢個 AI 可以喺 VS Code 入面直接幫你寫、改、Debug 整個程式——三個步驟，設定完就永久免費用。

第一部分

安裝 Claude Code 到你嘅電腦

1

去官方網站，向下碌

打開 docs.anthropic.com/en/docs/claude-code/getting-started，向下碌搵到安裝指令，複製以下命令：

Terminal 指令

npm install -g @anthropic-ai/claude-code

2

貼入 Terminal 並運行

打開 Terminal（Mac：Command+Space → 輸入 Terminal），貼上指令，按 Enter。完成後用 Anthropic 帳號登入。

安裝完成後，驗證安裝

claude --version

3

喺 VS Code 安裝插件

打開 VS Code → 左側 Extensions 圖示 → 搜尋 Claude Code Assistant → 安裝插件 → 大功告成！

延伸內容 · 片中未提及

設定完之後可以做啲咩？

💬

自然語言指令

直接打「幫我寫一個登入功能」，佢自己寫、自己測試、自己修正。

🐛

自動 Debug

有 Error？叫佢「fix this」，佢會分析原因同埋直接改好。

🔄

重構整個項目

可以讀取整個 Codebase，理解結構之後再進行大規模修改。

🔗

GitHub 整合

直接幫你 commit、開 PR、寫 commit message，一句指令搞掂。

延伸內容 · 片中未提及

✦ 免費課程 · DeepLearning.AI

由 Anthropic 技術教育主管 Elie Schoppik 親自教授，2 小時掌握 Claude Code 全部進階功能，包括 MCP Server、CLAUDE.md 記憶管理、多個 Claude 並行開發、Figma 轉代碼等。

免費（Beta 期間） 2 小時 10 堂影片課 Anthropic 官方出品

三個步驟喺 VS Code 用上 Claude Code