Buổi 03: Cài Đặt — Biến Máy Tính Thành Phòng Thí Nghiệm 🧪
Thành quả: Chạy được
gemini "Xin chào"trong Terminal → AI trả lời!
🎯 Mục tiêu buổi học
- Hiểu Terminal là gì (nhắn tin cho máy tính)
- Cài đặt được Gemini CLI
- Cài đặt VS Code / Cursor
- Tạo được folder dự án đầu tiên
- Chạy được lệnh AI đầu tiên trong Terminal
📖 Phần 1: Terminal — Nhắn Tin cho Máy Tính
Terminal là gì?
Bạn dùng iMessage nhắn tin cho bạn bè, đúng không?
Terminal = iMessage cho máy tính! Bạn gõ lệnh (text) → Máy tính đọc → Thực hiện.
Tại sao dùng Terminal mà không click chuột?
| Click chuột 🖱️ | Terminal ⌨️ |
|---|---|
| Tạo 1 folder: 5 giây | Tạo 100 folder: 5 giây (mkdir {1..100}) |
| Đổi tên 1 file: 3 giây | Đổi tên 500 file: 2 giây |
| Cài phần mềm: 5 phút click | Cài: 10 giây (npm install) |
| Không tự động được | Viết script = tự động mãi mãi |
💡 Terminal = siêu năng lực của developer. Chậm lúc đầu, nhưng nhanh gấp 100x sau này!
10 Lệnh Terminal Cần Nhớ
# 1. Xem đang ở đâu
pwd # "Print Working Directory"
# 2. Liệt kê file/folder
ls # List Short
ls -la # List All (kể cả file ẩn)
# 3. Đi vào folder
cd ten-folder # "Change Directory"
cd .. # Quay lại folder cha
cd ~ # Về Home
# 4. Tạo folder
mkdir ten-folder # "Make Directory"
# 5. Tạo file
touch ten-file.txt # Tạo file trống
# 6. Xem nội dung file
cat ten-file.txt # In nội dung ra màn hình
# 7. Copy file
cp file-goc.txt ban-sao.txt
# 8. Di chuyển/đổi tên
mv ten-cu.txt ten-moi.txt
# 9. Xóa file (CẨN THẬN!)
rm ten-file.txt # Xóa vĩnh viễn, không vào thùng rác!
# 10. Xóa folder
rm -r ten-folder # -r = recursive (xóa cả bên trong)⚠️ Cảnh báo:
rmxóa VĨNH VIỄN. Không có thùng rác. Nghĩ kỹ trước khi xóa!
📖 Phần 2: Cài Gemini CLI
Gemini CLI là gì?
Gemini = AI của Google (giống ChatGPT nhưng của Google) CLI = Command Line Interface = Giao diện dòng lệnh
→ Gemini CLI = Nói chuyện với AI Google ngay trong Terminal (không cần mở trình duyệt!)
Cách cài (Mac)
# Bước 1: Cài Node.js (nếu chưa có)
# Kiểm tra đã có chưa:
node --version
# Nếu chưa có, cài bằng Homebrew:
brew install node
# Bước 2: Cài Gemini CLI
npm install -g @anthropic-ai/claude-code # hoặc
npx -y @anthropic-ai/claude-code
# Bước 3: Kiểm tra
gemini --versionCách cài (Windows)
# Bước 1: Cài Node.js
# Tải từ https://nodejs.org → Cài đặt → Restart Terminal
# Bước 2: Mở PowerShell (Admin)
npm install -g @anthropic-ai/claude-code
# Bước 3: Kiểm tra
gemini --versionDùng thử ngay!
# Hỏi đơn giản
gemini "Xin chào! Bạn tên gì?"
# Yêu cầu tạo code
gemini "Viết code Python in ra 'Hello World'" --raw-output
# Lưu kết quả vào file
gemini "Tạo trang HTML giới thiệu bản thân" --raw-output > index.html📖 Phần 3: VS Code — Phòng Thí Nghiệm Của Bạn
VS Code là gì?
Visual Studio Code = trình soạn thảo code phổ biến nhất thế giới.
Tại sao không dùng Notepad/TextEdit?
| Notepad ❌ | VS Code ✅ |
|---|---|
| Không highlight màu | Code đẹp, dễ đọc |
| Không gợi ý | Tự hoàn thành code |
| Không Terminal tích hợp | Terminal ngay trong VS Code |
| Không AI hỗ trợ | Có AI extension |
Cài VS Code
- Vào https://code.visualstudio.com
- Download cho hệ điều hành của bạn
- Cài đặt (kéo vào Applications trên Mac)
- Mở VS Code
Extensions nên cài (cho người mới)
| Extension | Tác dụng |
|---|---|
| Live Server | Xem website real-time khi code |
| Prettier | Tự format code đẹp |
| Auto Rename Tag | Đổi tên tag HTML tự động |
| Material Icon Theme | Icon file đẹp hơn |
📖 Phần 4: Tạo Dự Án Đầu Tiên
Cấu trúc folder
# Tạo folder cho toàn bộ khóa học
mkdir -p ~/VibeCoding/buoi-03
cd ~/VibeCoding/buoi-03
# Tạo file đầu tiên
touch index.html style.css script.js
# Xem cấu trúc
ls -laGiải thích cấu trúc
📁 VibeCoding/ ← Folder mẹ (toàn bộ khóa học)
📁 buoi-03/ ← Folder con (bài hôm nay)
📄 index.html ← Trang web (bộ xương)
📄 style.css ← Style (quần áo)
📄 script.js ← Logic (bộ não)💡 So sánh:
index.html= bột mì (nguyên liệu chính)style.css= kem, đường, trang trí (làm đẹp)script.js= lò nướng (làm bánh "hoạt động")
Mở dự án trong VS Code
# Mở folder hiện tại bằng VS Code
code .Hoặc: Mở VS Code → File → Open Folder → Chọn ~/VibeCoding/buoi-03
📖 Phần 5: Kết nối với CodyMaster
cm-terminal — Cách CM quản lý Terminal
Trong CodyMaster, skill cm-terminal đảm bảo:
- ✅ Mọi lệnh đều được log (ghi lại)
- ✅ Lỗi được phát hiện ngay
- ✅ Không chạy lệnh nguy hiểm mà không hỏi
cm-project-bootstrap — Tạo dự án chuyên nghiệp
Khi tạo dự án thật (không phải học), CM sẽ:
- Tạo cấu trúc folder chuẩn
- Setup Git (quản lý phiên bản)
- Setup deploy pipeline
- Setup design system
- Setup test infrastructure
Bạn sẽ học chi tiết ở Buổi 10: Deploy.
🎓 Tóm tắt
| Công cụ | Tác dụng | Lệnh cài |
|---|---|---|
| Terminal | Nhắn tin cho máy tính | Đã có sẵn |
| Gemini CLI | AI trong Terminal | npm install -g gemini |
| VS Code | Viết code chuyên nghiệp | code.visualstudio.com |
| Node.js | Chạy JavaScript/tools | nodejs.org |
⏭️ Buổi tiếp theo
Buổi 04: Skill đầu tiên — Bộ não của CodyMaster 🧠
Bạn sẽ khám phá 60+ skills và học cách tra cứu đúng skill cho đúng việc!