Tài Liệu Hướng Dẫn Set Up Claude Code & VS Code

Bạn Cần Có Những Gì?

Không cần biết code, không cần kinh nghiệm kỹ thuật. Bạn chỉ cần:

Cài Đặt VS Code

VS Code là không gian làm việc của bạn - nơi tổ chức file, tài liệu, và giao tiếp trực tiếp với AI. Hãy nghĩ nó như một "văn phòng kỹ thuật số" hơn là công cụ coding.

• 1
  Tải VS Code

  Vào code.visualstudio.com và chọn phiên bản phù hợp với máy tính của bạn (Mac hoặc Windows).

  
• 2
  Cài Đặt

  Trên Mac: Mở file .dmg vừa tải, kéo biểu tượng VS Code vào thư mục Applications, sau đó mở từ Applications như bình thường.

  Trên Windows: Mở file .exe vừa tải, chọn Next theo các bước, Install, rồi Finish.

  
• 3
  Tạo Thư Mục Làm Việc

  Trước khi mở VS Code, tạo một thư mục gốc trên máy ở nơi bạn dễ tìm - Desktop hoặc Documents đều ổn. Đây là "không gian riêng" chứa toàn bộ những gì bạn sẽ làm cùng AI: tài liệu, project, ghi chú, skill.

  Tư duy quan trọng: VS Code chỉ mở được một thư mục tại một thời điểm. Vì vậy, bạn cần một thư mục gốc lớn bao ngoài tất cả - mở nó lên là thấy mọi thứ bên trong, không cần chuyển qua lại. Bên trong mới chia nhỏ theo từng mảng công việc.

  Ví dụ cấu trúc thư mục

  Tạo một thư mục gốc - đặt tên tuỳ bạn, ví dụ Doryn-Space. Đây là thư mục bạn mở trong VS Code, một lần mở là thấy tất cả:

  Doryn-Space/ ← mở cái này trong VS Code
  ├── Webinar-AI-Utopia-Lab-01/
  │ ├── Skills/
  │ └── Bai-tap/
  ├── Clients/
  ├── Work/
  └── Personal-Brand/
      ├── Instagram/
      └── Facebook/

  Với webinar này, thư mục đầu tiên nên tạo bên trong là Webinar-AI-Utopia-Lab-01 - nơi chứa skill nhận được và bài tập thực hành. Các nhánh khác thêm dần theo nhu cầu, không cần tạo hết ngay.

  2 cách tạo thư mục

  Cách 1 - Tự tạo thủ công: Chuột phải trên Desktop → New Folder (Windows) hoặc New Folder (Mac). Đặt tên, tạo các thư mục con theo cấu trúc trên.

  Cách 2 - Nhờ Claude Code tạo: Sau khi mở VS Code ở Bước 4, gõ vào Claude Code: "Tạo cấu trúc thư mục này cho mình" rồi dán cây thư mục bạn muốn. Claude Code tự tạo toàn bộ - bạn không cần làm gì thêm.

  Quy tắc đặt tên file và thư mục

  Đặt tên không dấu, không khoảng trắng - dùng gạch ngang thay thế. Claude Code đọc file theo đường dẫn: tên rõ ràng, ngắn gọn giúp tránh nhầm lẫn về sau.

  • Thư mục: Client-Jessica, Brand-Content, Q2-Projects
  • File: brand-guidelines.md, content-plan-may.md
  • Tránh: tài liệu mới.docx, file copy (2).txt
• 4
  Mở Thư Mục Trong VS Code

  Mở VS Code, chọn File → Open Folder và chọn thư mục gốc Doryn-Space bạn vừa tạo. Mở thư mục lớn này là thấy toàn bộ cấu trúc bên trong.

  Sau khi mở, bạn sẽ thấy file explorer ở cột trái - hiện toàn bộ file và thư mục trong không gian làm việc. Bạn cũng có thể mở Terminal phía dưới bằng cách nhấn Ctrl + ` trên Windows hoặc Cmd + ` trên Mac.

  Terminal là gì?

  Terminal là cửa sổ dòng lệnh - nơi bạn gõ lệnh để máy tính thực thi trực tiếp. Nghe có vẻ kỹ thuật, nhưng với Claude Code bạn chỉ cần copy-paste đúng lệnh được hướng dẫn. Bạn không cần tự nghĩ ra hay hiểu sâu - biết mở và dán lệnh vào là đủ.

  

Cài Đặt Claude Code

• 5
  Đăng Ký Claude Pro

  Đây là bước quan trọng nhất và cũng hay nhầm nhất. Bạn cần đăng ký gói Claude Pro - không phải tạo tài khoản tại console.anthropic.com.

  Tại sao không dùng console.anthropic.com?

  Console tính phí theo từng token - càng dùng nhiều càng tốn, không kiểm soát được chi phí. Gói Claude Pro cho phép dùng Claude Code với mức phí cố định hàng tháng, phù hợp hơn nhiều cho công việc thực tế hàng ngày.

  2 cách đăng ký Claude Pro:

  Nên chọn

  ~500K/tháng

  Qua ứng dụng điện thoại

  iOS App Store · Google Play

  Thường ít phát sinh phí xử lý thẻ hơn so với mua trên web. Nếu bạn thanh toán qua MoMo, theo trải nghiệm của mình là không phát sinh phí phụ - nhưng hãy kiểm tra kỹ vì tuỳ phương thức và loại thẻ có thể khác nhau.

  500K - 600K/tháng

  Qua website

  claude.ai trên trình duyệt

  Giá dao động tuỳ loại thẻ và phí xử lý của ngân hàng. Kiểm tra kỹ trước khi thanh toán.

  Vào claude.ai →

  Lưu ý về mua tài khoản qua bên thứ ba

  Nếu bạn đang cân nhắc mua Claude Pro qua các shop bán tài khoản - hãy đọc phần này trước.

  Rủi ro thực tế: tài khoản có thể bị khoá bất ngờ, không có bảo mật cá nhân, và Anthropic sẽ không hỗ trợ khi có sự cố. Bạn mất cả tiền lẫn quyền truy cập mà không có ai chịu trách nhiệm.

  Team mình không khuyến khích cách này. Nếu có thể, hãy đầu tư mua từ chính chủ để có bảo mật và ổn định lâu dài.

• 6
  Cài Claude Code Extension

  Quay lại VS Code, bấm vào biểu tượng Extensions ở thanh cột trái (hình 4 ô vuông). Tìm kiếm "Claude Code", chọn extension của Anthropic, bấm Install.

  

  Sau khi cài xong, biểu tượng Claude sẽ xuất hiện ở góc trên bên phải của VS Code.

  
• 7
  Đăng Nhập Claude Code

  Bấm vào biểu tượng Claude ở thanh cột trái. Khi được hỏi chọn cách đăng nhập, chọn "Claude.ai subscription" - đây là lựa chọn dùng gói Claude Pro bạn vừa đăng ký.

  
• 8
  Cấp Quyền

  Trình duyệt sẽ tự mở và yêu cầu bạn cấp quyền cho Claude Code kết nối với tài khoản Claude. Bấm "Authorize" để xác nhận.

  
• 9
  Xong Rồi!

  Khi VS Code hiển thị thông báo: "Let's build something great. You're all set to start using Claude Code" - setup đã hoàn tất. Claude Code đang chạy ngay trong môi trường làm việc của bạn.

  

9 Nguyên Tắc - Bài Học Từ Thực Tế

Setup xong chỉ là bước đầu. Dưới đây là những nguyên tắc để bạn khai thác Claude Code đúng cách - thay vì chỉ dùng nó như một chatbox thông thường.

Mình mất gần 2 tháng để rút ra được những nguyên tắc này.

Không ít lần nhận về output sai hoàn toàn. Chỉnh mãi không ra. Phải làm lại từ đầu.

Và bạn không cần đi lại con đường đó. Vì bạn đã chọn bước vào không gian Webinar AI Utopia Lab 01 - và đang đọc tài liệu này để được "bước đi trên thảm hoa hồng".

Skills Tặng Kèm Trong Webinar

Ngoài việc cài đặt môi trường làm việc, bạn sẽ được nhận một bộ Skills để ứng dụng ngay sau buổi webinar.