Cài đặt bộ đồ nghề trong một buổi tối

Phần mềm để mở, xem và sửa các file code — giống Word, nhưng dành cho code.

1. 1

   Vào code.visualstudio.com và bấm nút tải về — trang tự nhận bạn đang dùng Mac hay Windows.

2. 2

   Mở file vừa tải và cài đặt như mọi phần mềm khác.

3. 3

   Mở VS Code, chọn File → Open Folder, rồi tạo một thư mục trống làm chỗ chứa dự án đầu tiên.

✓ Xong khi bạn thấy tên thư mục dự án hiện ở cột bên trái của VS Code.

Trợ lý AI sống ngay trong VS Code: bạn mô tả bằng tiếng Việt, nó viết và sửa file cho bạn.

1. 1

   Tạo tài khoản tại claude.ai nếu bạn chưa có.

2. 2

   Trong VS Code, mở tab Extensions (biểu tượng bốn ô vuông ở cột trái), gõ "Claude Code" rồi bấm Install.

3. 3

   Bấm vào biểu tượng Claude vừa xuất hiện và đăng nhập bằng tài khoản ở bước 1.

4. 4

   Gõ thử một câu tiếng Việt, ví dụ: "Tạo cho tôi một trang web giới thiệu bản thân".

✓ Xong khi Claude tự tạo file mới trong thư mục dự án và bạn thấy chúng hiện ra ở cột trái.

Mô tả càng rõ, kết quả càng đúng — đây chính là chữ D thứ hai (Description) trong 4D.

Kho lưu trữ code trên mạng — bản sao an toàn của dự án, và là chỗ Vercel lấy code về.

1. 1

   Tạo tài khoản tại github.com.

2. 2

   Trong VS Code, mở tab Source Control (biểu tượng ba nhánh rẽ ở cột trái).

3. 3

   Bấm "Publish to GitHub", đăng nhập khi được hỏi, chọn Private nếu bạn chưa muốn ai xem.

4. 4

   Từ đó về sau, mỗi lần muốn lưu: viết một dòng mô tả ngắn, bấm Commit, rồi bấm Sync.

✓ Xong khi vào github.com, bạn thấy dự án của mình nằm trong danh sách repository.

Cứ commit mỗi khi có thứ gì vừa chạy được. Đó là điểm quay lại nếu vòng sửa sau làm hỏng.

Dịch vụ biến code trong repo thành một website có địa chỉ thật, ai cũng vào được.

1. 1

   Vào vercel.com và chọn "Continue with GitHub" để đăng ký bằng chính tài khoản GitHub.

2. 2

   Bấm "Add New…" → "Project"; Vercel sẽ hiện danh sách repository của bạn.

3. 3

   Chọn repo dự án, bấm Deploy, rồi chờ vài phút.

✓ Xong khi Vercel đưa bạn một đường link dạng ten-du-an.vercel.app và mở ra thấy trang web của mình.

Từ đây, mỗi lần bạn Sync lên GitHub là Vercel tự cập nhật lại trang — không phải làm gì thêm.

Cơ sở dữ liệu online — chỗ lưu những gì người dùng nhập vào: tài khoản, bài viết, đơn hàng.

1. 1

   Vào supabase.com và đăng ký — dùng luôn tài khoản GitHub cho nhanh.

2. 2

   Bấm "New project", đặt tên, và chọn khu vực máy chủ gần Việt Nam nhất (Singapore).

3. 3

   Vào Project Settings → API, sao chép hai giá trị "Project URL" và "anon key".

4. 4

   Đưa hai giá trị đó cho Claude Code và nói bạn muốn lưu dữ liệu gì — nó sẽ nối phần còn lại.

✓ Xong khi bạn tạo được một bảng trong tab Table Editor và thấy dòng dữ liệu đầu tiên xuất hiện.

Hai giá trị đó là chìa khoá nhà bạn. Để chúng trong biến môi trường, đừng viết thẳng vào code rồi đẩy lên GitHub.