Claude Code là công cụ AI của Anthropic tích hợp trực tiếp vào VS Code, cho phép bạn chat, chỉnh sửa code và thực hiện các tác vụ lập trình ngay trong editor mà không cần chuyển sang terminal riêng.

​
Yêu cầu

  • Visual Studio Code phiên bản 1.99 trở lên
  • Tài khoản Claude (gói Pro, Max hoặc API key)
  • Node.js v18 trở lên (để dùng Claude Code CLI kèm theo)

​
Cài đặt

1

Cài extension từ VS Code Marketplace

Có hai cách để cài:Cách 1 — Qua giao diện VS Code:
  1. Mở VS Code
  2. Nhấn Ctrl+Shift+X (Windows/Linux) hoặc Cmd+Shift+X (macOS) để mở Extensions
  3. Tìm kiếm Claude Code
  4. Chọn extension của Anthropic và nhấn Install
Cách 2 — Qua Command Palette:
  1. Nhấn Ctrl+Shift+P / Cmd+Shift+P để mở Command Palette
  2. Gõ Extensions: Install Extensions và nhấn Enter
  3. Tìm Claude Code rồi cài đặt
2

Cài Claude Code CLI

Extension yêu cầu CLI @anthropic-ai/claude-code được cài toàn cục:
npm install -g @anthropic-ai/claude-code
Kiểm tra cài đặt thành công:
claude --version
3

Đăng nhập tài khoản Claude

Mở terminal trong VS Code (Ctrl+`` “) rồi chạy:
claude
Lần đầu chạy, CLI sẽ yêu cầu xác thực. Chọn phương thức đăng nhập:
  • Claude.ai — dùng tài khoản Pro hoặc Max (khuyến nghị cho cá nhân)
  • API key — dùng khi bạn có Anthropic API key riêng
Sau khi xác thực thành công, session được lưu lại và bạn không cần đăng nhập lại ở những lần sau.
4

Mở Claude Code trong VS Code

Sau khi cài xong, bạn sẽ thấy icon Claude xuất hiện trên thanh Activity Bar bên trái.
  • Nhấn vào icon đó để mở Claude Code Panel
  • Hoặc dùng phím tắt Ctrl+Shift+C / Cmd+Shift+C
Panel sẽ hiển thị giao diện chat để bạn bắt đầu làm việc với Claude ngay trong VS Code.

​
Các tính năng chính

​
Chat với Claude trong VS Code

Nhập câu hỏi hoặc yêu cầu vào ô chat. Claude có thể đọc file đang mở, hiểu context của project và trả lời theo ngữ cảnh thực tế của code bạn đang làm việc. Ví dụ một số lệnh hữu ích: 
Giải thích hàm này làm gì
Tìm bug trong đoạn code này
Viết unit test cho component này
Refactor theo chuẩn clean code

​
Chỉnh sửa code inline

Bôi đen đoạn code cần chỉnh sửa, sau đó:
  1. Nhấn chuột phải → Claude: Edit Selection
  2. Hoặc dùng Ctrl+K / Cmd+K để mở inline edit
Claude sẽ đề xuất thay đổi ngay trong editor. Bạn có thể Accept hoặc Reject từng thay đổi.

​
Tham chiếu file và thư mục

Trong cửa sổ chat, bạn có thể đính kèm file hoặc thư mục vào câu hỏi:
  • Gõ @ để chọn file từ project
  • Drag & drop file vào cửa sổ chat
  • Claude tự động đọc file đang active trong editor

​
Terminal tích hợp

Claude Code có thể chạy lệnh terminal trực tiếp từ VS Code. Khi Claude đề xuất một lệnh, bạn có thể cho phép thực thi hoặc xem trước trước khi chạy.

​
Phím tắt

Tác vụWindows/LinuxmacOS
Mở Claude PanelCtrl+Shift+CCmd+Shift+C
Inline edit đoạn đã chọnCtrl+KCmd+K
Chấp nhận thay đổiTabTab
Từ chối thay đổiEscapeEscape

​
Kiểm tra nhanh

Sau khi cài đặt xong, hãy thử:
  1. Mở một file code bất kỳ trong VS Code
  2. Mở Claude Panel
  3. Nhập: Giải thích file này làm gì
Nếu Claude phản hồi đúng nội dung file, bạn đã cài đặt thành công.

​
Bước tiếp theo

Sau khi làm quen với extension, bạn có thể:
  • Tùy chỉnh hành vi Claude qua file CLAUDE.md ở thư mục gốc project
  • Cấu hình permissions trong settings.json để kiểm soát những gì Claude được phép thực thi
  • Dùng claude trong terminal để thực hiện các tác vụ lớn hơn như refactor toàn bộ module