Giáo trình tự học miễn phí · Dịch vụ hỗ trợ theo nhu cầu.

Bài 0130phút ước tínhThực chiến · Builder

1. Thiết Lập Môi Trường Vibe Coding 0đ: VS Code, Claude Code, Cline & Supabase CLI

Cài đặt môi trường phát triển hiện đại hoàn toàn miễn phí: Cấu hình VS Code, tiện ích mở rộng AI Cline/Roo Code, kết nối Supabase Project và khởi tạo Git repository.

🛠️ Bộ Công Cụ Vibe Coding 0đ Chuẩn Production

Trình soạn thảo mã: VS Code kèm Extension Cline (hoặc Claude Code CLI / Antigravity).
Nền tảng Backend Cloud: Supabase (PostgreSQL, Authentication, Realtime WebSocket, Storage CDN, Edge Functions).
Frontend Framework: React + Vite + Tailwind CSS (tốc độ khởi động dưới 1 giây, siêu nhẹ).
Quản lý phiên bản: Git & GitHub Private Repository.

 example.py
# KHỞI TẠO DỰ ÁN VIBE CODING VỚI VITE & TAILWIND CSS
# 1. Khởi tạo template React TypeScript
npm create vite@latest my-ai-webapp -- --template react-ts
cd my-ai-webapp

# 2. Cài đặt các thư viện lõi
npm install @supabase/supabase-js lucide-react clsx tailwind-merge
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Thực hành

Thực hành và tự đánh giá

Khởi tạo dự án Vite trên máy tính, chạy npm run dev và cấu hình API Key Supabase vào file .env.local.

Tiến độ tự học lưu trên trình duyệt này. Chỉ đánh dấu khi đã kiểm tra sản phẩm thực hành.