Vibe Code
Giáo trình/Phần 0 — Bắt đầu

Dựng máy trong 45 phút (Windows)

Node, Git, VS Code, Claude Code, wrangler — cài đúng thứ tự, kiểm từng bước, kèm cách chữa 6 lỗi hay gặp trên Windows.

Cấp 045 phút làm

Bài này là bài làm, không phải bài đọc. Cuối bài bạn có một máy đủ sức làm mọi việc trong giáo trình. Hướng dẫn cho Windows 10/11; macOS và Linux tương tự, chỗ nào khác sẽ ghi rõ.

Nguyên tắc: cài xong là kiểm ngay

Mỗi bước có một lệnh kiểm. Nếu lệnh kiểm không ra số phiên bản, đừng đi tiếp — sửa chỗ đó trước. 80% rắc rối "AI không chạy được" về sau là do một bước ở đây cài dở.

Bước 0 — Mở đúng cửa sổ dòng lệnh

Bấm Win, gõ PowerShell, mở Windows PowerShell. Đây là nơi bạn sẽ gõ lệnh suốt giáo trình.

Hai điều cần biết ngay:

  • Dán vào PowerShell bằng chuột phải, không phải Ctrl+V (tùy cấu hình).
  • Lệnh cd để đổi thư mục: cd C:\NVAI\Claude — nếu đường dẫn có dấu cách thì bọc nháy kép.

Bước 1 — Node.js (20 phút)

Node là bộ chạy JavaScript ngoài trình duyệt. Mọi công cụ sau đều cần nó.

Tải bản LTS tại nodejs.org → chạy file .msi → Next hết → xong.

Kiểm:

node -v
npm -v

Phải ra kiểu v22.x.x (hoặc mới hơn) và 10.x.x. Nếu báo "không nhận lệnh": đóng hẳn PowerShell rồi mở lại (biến môi trường chỉ nạp khi mở cửa sổ mới).

Bản portable và máy công ty khóa cài đặt

Nếu máy bạn không được quyền cài phần mềm (rất hay gặp ở máy công ty), tải bản zip portable của Node, giải nén vào ví dụ C:\tools\node, rồi thêm thủ công vào PATH mỗi lần mở cửa sổ:

$env:Path = "C:\tools\node;" + $env:Path
node -v

Cách này chạy được tất cả, nhưng phải gõ lại dòng $env:Path mỗi lần mở cửa sổ mới — quên là lại "không nhận lệnh". Dùng Git Bash thì dòng tương đương là export PATH="/c/tools/node:$PATH".

Bước 2 — Git (5 phút)

Tải git-scm.com/download/win → chạy → để nguyên mọi tùy chọn mặc định (bộ cài này có nhiều trang, mặc định đều đúng cho người mới).

Kiểm và khai tên:

git --version
git config --global user.name "Ten Cua Ban"
git config --global user.email "email@cua.ban"
git config --global init.defaultBranch main

Tên và email này sẽ hiện trong mọi mốc lịch sử — dùng đúng email GitHub của bạn.

Dòng kết thúc CRLF/LF — lỗi gây "cả file đổi" vô cớ

Windows kết thúc dòng bằng CRLF, Linux bằng LF. Không cấu hình thì có lúc Git báo cả nghìn dòng đã đổi dù bạn chỉ sửa một chữ, và một số công cụ deploy sẽ sinh file khác hẳn. Chốt một lần:

git config --global core.autocrlf false

Chọn false (giữ nguyên như file có) là lựa chọn an toàn nhất khi bạn làm một mình trên Windows và deploy lên Cloudflare.

Bước 3 — VS Code (5 phút)

Tải code.visualstudio.com. Đây là nơi bạn đọc mã, dù AI là người viết. Việc đọc được là việc quyết định bạn có đi xa được hay không.

Cài 2 tiện ích (bấm biểu tượng ô vuông bên trái, tìm theo tên):

  • Vietnamese Language Pack — nếu muốn giao diện tiếng Việt.
  • Prettier — tự dàn mã cho dễ đọc.

Thêm một tiện ích rất hợp với giáo trình này: Cloudflare Workers (xem log, xem binding).

Bước 4 — Claude Code (10 phút)

Đây là trái tim của cách làm việc trong giáo trình.

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

Nếu npm install -g báo lỗi quyền: mở PowerShell bằng Run as administrator, hoặc dùng cách không cần quyền:

npx @anthropic-ai/claude-code

Lần đầu chạy, nó mở trình duyệt để bạn đăng nhập tài khoản Anthropic. Bạn tự đăng nhập — không đưa mật khẩu cho ai, kể cả cho trợ lý đang hướng dẫn bạn.

Chạy thử trong một thư mục trống:

mkdir C:\NVAI\thu-nghiem
cd C:\NVAI\thu-nghiem
claude

Khi dấu nhắc hiện ra, gõ:

Tạo file index.html hiển thị "Xin chào" bằng tiếng Việt, nền trắng, chữ đen, căn giữa.

Nó sẽ xin phép sửa file. Đồng ý. Rồi mở file bằng cách bấm đúp — đó là lần đầu tiên bạn có một đồng nghiệp ngồi trong máy.

Ba phím tắt dùng mỗi ngày trong Claude Codechuyên gia thực thi
  • Esc — dừng nó lại giữa lúc đang làm. Dùng ngay khi thấy nó đi sai hướng; đừng ngồi chờ hết.
  • /clear — xóa ngữ cảnh, bắt đầu việc mới. Việc mới mà không clear thì nó lôi theo chuyện cũ, dễ sửa lung tung.
  • Shift+Tab — đổi chế độ quyền (hỏi từng bước ↔ tự làm). Người mới nên để chế độ hỏi, ít nhất hai tuần đầu: bạn học được nó định làm gì.

Bước 5 — Wrangler (5 phút)

wrangler là công cụ dòng lệnh của Cloudflare: tạo project, chạy thử ở máy, deploy, xem log, truy vấn cơ sở dữ liệu.

npm install -g wrangler
wrangler --version
wrangler login

wrangler login mở trình duyệt, bạn bấm Allow. Kiểm đã nối đúng tài khoản:

wrangler whoami
Smart App Control / SmartScreen của Windows 11 chặn wrangler

Trên một số máy Windows 11 (đặc biệt bản mới cài còn bật Smart App Control), các file .exe tải qua npm bị chặn im lặng: lệnh treo hoặc báo lỗi không rõ ràng. Dấu hiệu: wrangler --version không trả về gì.

Cách đã kiểm chứng: dùng bản Node portable (Bước 1) đặt trong thư mục của bạn rồi gọi wrangler bằng đường dẫn đầy đủ tới file .js, thay vì qua file .cmd:

node C:\tools\node\node_modules\wrangler\bin\wrangler.js --version

Lý do: một số phiên bản Node (24+) không chạy được file .cmd theo cách npm sinh ra. Gọi thẳng file .js bằng node thì không qua lớp đó.

Bước 6 — Thư mục làm việc

Một quy ước nhỏ, lợi suốt năm: mọi project nằm trong một thư mục mẹ, đường dẫn không dấu, không dấu cách.

mkdir C:\NVAI\Claude
cd C:\NVAI\Claude

Vì sao: đường dẫn kiểu C:\Users\Nguyễn Văn A\Tài liệu\dự án làm vỡ kha khá công cụ dòng lệnh, và lỗi nó báo ra chẳng liên quan gì tới nguyên nhân thật. Mất một buổi để tìm.

Bảng kiểm cuối bài

Dán cả khối này vào PowerShell. Năm dòng đều phải ra số phiên bản:

node -v; npm -v; git --version; claude --version; wrangler --version
Lệnh im lặng / lỗi Chữa
node không nhận Mở lại PowerShell; chưa được thì cài lại, tích "Add to PATH"
git không nhận Như trên
claude không nhận Chạy npx @anthropic-ai/claude-code thay cho bản cài toàn cục
wrangler treo Xem bẫy Smart App Control ở trên
npm lỗi EACCES / quyền PowerShell chạy bằng quyền admin
Chữ tiếng Việt trong lệnh thành ? Đừng gõ chữ có dấu vào dòng lệnh — xem bẫy dưới
Dấu tiếng Việt chết trên dòng lệnh Windows

Truyền chuỗi có dấu vào lệnh (ví dụ curl -d "Thư kiểm tra") là Windows tự đổi bảng mã: chữ một dấu rụng dấu (ư→u), chữ nhiều dấu thành ? (ự→?). Bạn sẽ ngồi đổ oan cho app trong khi lỗi nằm ở cửa sổ dòng lệnh.

Luật: dữ liệu có dấu phải ghi ra file trước, rồi mới nạp file vào lệnh:

curl -X POST https://api.cua-ban.com/thu --data-binary "@du-lieu.json"

Dấu hiệu nhận ra đúng bệnh này: một số chữ rụng dấu, một số chữ thành ? trong cùng một câu.

Chỗ tôi bỏ cuộc lần đầungười dùng bình thường góp ý

Bước 4. Tôi cài xong, gõ claude, nó hỏi "Do you trust the files in this folder?" — tôi không hiểu nên tắt luôn cửa sổ, rồi hai ngày sau mới dám mở lại. Dịch ra cho người như tôi: "Thư mục này tôi được phép đọc không?" Bấm Yes nếu đó là thư mục của bạn. Nó hỏi vì có người mở bừa thư mục tải về từ Internet.

Góp ý thật lòng: dành 45 phút liền mạch cho bài này, đừng làm xen giữa việc khác. Cài dở rồi quên là phải làm lại từ đầu.

Chốt review bài nàychuyên gia review
  • Đã kiểm trên: Windows 11, Node 22/24, PowerShell 5.1 — đúng môi trường ba bẫy ở trên đã xảy ra thật.
  • Chưa kiểm: macOS, Linux, WSL. Các bước tương đương nhưng lệnh cài khác (Homebrew / apt).
  • Rủi ro còn lại: số phiên bản sẽ cũ đi. Nếu npm install -g @anthropic-ai/claude-code báo cần Node mới hơn, nâng Node trước, đừng tìm cách lách.
Bài tập chốt

Chụp lại màn hình năm dòng phiên bản của bảng kiểm. Đó là "giấy chứng nhận" vào Cấp 1. Thêm một việc: gõ claude trong C:\NVAI\Claude, hỏi nó Bạn đang thấy thư mục nào và có những file gì? — để biết nó thật sự thấy máy bạn.