Claude Code extension đưa tác nhân lập trình vào ngay trong VS Code: đọc tệp đang mở, nhận vùng mã được chọn, đề xuất kế hoạch, hiển thị diff và làm việc qua nhiều tệp. Người mới nên bắt đầu bằng quyền đọc và nhiệm vụ nhỏ, thay vì bật tự động chấp nhận mọi chỉnh sửa.
Kết quả sau bài học: Bạn sẽ cài tiện ích, mở phiên đầu tiên, cho Claude giải thích một dự án và thêm trạng thái rỗng cho danh sách mà vẫn kiểm soát từng diff.
Tư duy quan trọng trước khi bắt đầu
AI coding agent là cộng sự có khả năng thao tác, không phải nguồn chân lý. Bạn vẫn chịu trách nhiệm về mã được đưa vào dự án. Hãy giữ nhiệm vụ nhỏ, cung cấp bối cảnh vừa đủ, yêu cầu bằng chứng và không phê duyệt điều mình chưa hiểu.
Hướng dẫn từng bước
Bước 1: Kiểm tra điều kiện và cài tiện ích
Dùng VS Code phiên bản đáp ứng yêu cầu hiện hành trong tài liệu chính thức và chuẩn bị tài khoản Anthropic. Mở Extensions bằng Ctrl/Cmd+Shift+X, tìm Claude Code, kiểm tra đúng nhà phát hành rồi Install. Nếu biểu tượng chưa xuất hiện, chạy Developer: Reload Window.
Bước 2: Mở đúng workspace và đăng nhập
Mở thư mục gốc dự án trước khi mở panel Claude Code. Đăng nhập trong luồng của tiện ích. Không nhập API key, mật khẩu hoặc secret vào chat. Nếu dự án chưa chạy được, khắc phục trạng thái nền trước.
Bước 3: Khảo sát bằng ngữ cảnh có chọn lọc
Chọn đoạn mã hoặc @-mention tệp liên quan và hỏi Claude giải thích luồng. Đừng cấp cả repository nếu chỉ cần một component. Yêu cầu nó chỉ đọc, nêu entry point, lệnh chạy và test.
Bước 4: Dùng Plan Mode cho thay đổi đầu tiên
Giao mục tiêu và tiêu chí hoàn thành, yêu cầu kế hoạch có tệp dự kiến sửa. Plan Mode phù hợp khi bạn muốn Claude khảo sát nhưng chưa viết. Sửa kế hoạch nếu nó chạm API hoặc tệp ngoài phạm vi.
Bước 5: Duyệt edit và kiểm tra ứng dụng
Xem inline diff, chấp nhận hoặc từ chối theo từng phần. Chạy test, mở browser và thử trạng thái rỗng, có dữ liệu, lỗi tải. Hỏi Claude giải thích mọi dòng bạn chưa hiểu.
Bài thực hành có đầu ra rõ ràng
Bài tập: trong ứng dụng Todo, hiển thị “Chưa có công việc” khi danh sách rỗng. Không đổi API, không thêm thư viện và phải có test cho trạng thái rỗng.
Tiêu chuẩn nộp bài: lưu prompt đã dùng, ảnh hoặc log kết quả trước/sau, diff cuối cùng, lệnh kiểm tra và ba điều bạn tự học được từ mã. Nếu test không chạy được, ghi lý do thay vì coi như đã đạt.
Prompt mẫu có thể sao chép
Chỉ đọc các tệp tôi @-mention. Giải thích luồng render và cách chạy test; chưa chỉnh sửa.
Lập kế hoạch thêm empty state. Giữ nguyên API và style system, không thêm dependency. Nêu test cần có và chờ tôi duyệt.
Review inline diff, chỉ ra mọi thay đổi ngoài empty state và các ca chưa được test.
Lỗi người mới thường gặp
- Cài nhầm tiện ích có tên gần giống
- Mở một file đơn lẻ thay vì workspace gốc
- Bật tự chấp nhận khi chưa quen đọc diff
- Dán secret hoặc dữ liệu thật vào hội thoại
Checklist hoàn thành
- Đúng tiện ích và đăng nhập thành công
- Đúng workspace
- Bắt đầu bằng read-only/plan
- Đã duyệt từng diff
- Đã test trạng thái chính và biên
Cách tự học để không phụ thuộc AI
- Trước khi hỏi, tự dự đoán tệp và nguyên nhân trong năm phút.
- Sau câu trả lời, yêu cầu giải thích một khái niệm bạn chưa hiểu bằng ví dụ nhỏ.
- Tự viết lại phần cốt lõi hoặc test mà không nhìn câu trả lời.
- Lưu lỗi và bài học vào ghi chú dự án, không lưu bí mật.
- Một tuần sau, làm lại bài tập với yêu cầu hơi khác.
Kết luận: dùng tác nhân AI tốt không nằm ở việc tạo nhiều code, mà ở khả năng đặt mục tiêu rõ, kiểm soát phạm vi và chứng minh kết quả. Nếu giữ được vòng lặp đọc → kế hoạch → thay đổi nhỏ → test → review, người mới vừa đi nhanh hơn vừa thực sự tiến bộ.
Nguồn tham khảo chính thức: tài liệu sản phẩm dành cho nhà phát triển. Giao diện và tính năng có thể thay đổi; hãy đối chiếu tài liệu hiện hành khi cài đặt.
