Bài viết này hướng dẫn chi tiết từ A-Z cho người mới bắt đầu: đăng ký GitHub, cài đặt VS Code, thiết lập các Extensions cần thiết, và sử dụng GitHub Copilot (có cách đăng ký miễn phí cho sinh viên!).
Người soạn: Nguyễn Quốc Huy (Rinez) – Cập nhật tháng 2/2026
1) Đăng Ký Tài Khoản GitHub
🌟 GitHub là gì? – "Google Drive cho lập trình viên"
GitHub là nơi lưu trữ và chia sẻ code miễn phí. Bạn cần tài khoản GitHub để:
- ✅ Sử dụng GitHub Copilot (trợ lý AI viết code)
- ✅ Lưu trữ bài tập và dự án
- ✅ Làm việc nhóm và chia sẻ code
Lưu ý: Hoàn toàn miễn phí cho người dùng cá nhân!
📋 Bước 1: Truy cập trang đăng ký
Mở trình duyệt
Chrome, Edge, Safari hoặc Firefox đều được.
Truy cập GitHub
Nhấn "Sign up"
Nút đăng ký ở góc trên bên phải màn hình.
📝 Bước 2: Nhập thông tin đăng ký
GitHub sẽ hỏi thông tin theo từng bước:
📧 Nhập Email
Gõ địa chỉ email thường xuyên kiểm tra. Ví dụ: nguyenvana@gmail.com
💡 Mẹo sinh viên: Dùng email trường (đuôi .edu) để được miễn phí Copilot!
🔒 Tạo mật khẩu
Ít nhất 8 ký tự, có chữ hoa + thường + số + ký tự đặc biệt.
Ví dụ: MyPassword@2026
👤 Chọn Username
Tên hiển thị công khai: github.com/tenbandat
Ví dụ tốt: nguyen-van-a, huy-rinez
🤖 Xác minh captcha
GitHub cho làm câu đố đơn giản (chọn hình ảnh đúng) để chứng minh bạn là người.
✉️ Bước 3: Xác nhận email
Kiểm tra hộp thư email
Tìm email từ GitHub với tiêu đề "Verify your email address".
Nhấn "Verify email address"
Nút màu xanh lá trong email. Trình duyệt sẽ mở và xác nhận tự động.
Không thấy email?
Kiểm tra thư mục Spam hoặc Junk Mail.
✅ Bước 4: Hoàn tất thiết lập
| Câu hỏi | Cách trả lời |
|---|---|
| Bạn là học sinh/sinh viên không? | Chọn "Student" → Có thể đăng ký miễn phí Copilot sau |
| Bạn muốn làm gì với GitHub? | Chọn "Learn to code", "Build a project" hoặc tùy ý |
| Bạn quan tâm gì? | Chọn "Data Analysis", "Machine Learning" hoặc bỏ qua (Skip) |
💰 Bước 5: Chọn gói sử dụng
| Gói | Giá | Phù hợp với |
|---|---|---|
| Free | Miễn phí | Người học, dự án cá nhân ✅ |
| Pro | $4/tháng | Developer chuyên nghiệp |
👉 Chọn gói "Free" - Đủ dùng cho học tập!
Chúc mừng! Bạn đã có tài khoản GitHub. Profile của bạn tại: https://github.com/tenbandat
📝 Thiết lập Profile (Tùy chọn)
Thêm ảnh đại diện
Nhấn icon hình tròn góc trên phải → Settings → Profile → Edit ảnh đại diện.
Thêm thông tin cá nhân
Name: Tên thật
2) Cài Đặt Visual Studio Code
🖥️ Trên Windows
Tải VS Code
Truy cập https://code.visualstudio.com/ → Nhấn "Download for Windows"
Mở file cài đặt
Mở file VSCodeUserSetup-x64-x.x.x.exe vừa tải về.
Chấp nhận điều khoản
Chọn "I accept the agreement" → Next
Đánh dấu các tùy chọn quan trọng
✅ Create a desktop icon
✅ Add "Open with Code" to context menu
✅ Add to PATH
Hoàn tất
Nhấn Install → Chờ 1-2 phút → Finish
🍎 Trên macOS
Tải VS Code
Truy cập code.visualstudio.com → "Download for Mac"
Chọn: Apple Silicon (M1/M2/M3/M4) hoặc Intel Chip hoặc Universal
Cài đặt
Mở file .zip → Kéo thả Visual Studio Code.app vào thư mục Applications
Thêm vào PATH (mở từ Terminal)
Mở VS Code → Cmd + Shift + P → Gõ: "Shell Command: Install 'code' command in PATH"
💡 Cài qua Homebrew (cho Developer)
`bash
# Cài Homebrew (nếu chưa có)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
# Cài VS Code
brew install --cask visual-studio-code
`
3) Cài Đặt Extensions cho Markdown và Diagram
🔌 Extensions là gì? – "Ứng dụng nhỏ" cài thêm vào VS Code
Giống như mở Google Play/App Store để cài ứng dụng vậy!
Cách mở Extensions:
- Windows:
Ctrl + Shift + X - macOS:
Cmd + Shift + X - Hoặc click icon Extensions (hình 4 ô vuông) ở thanh bên trái
📝 Extension 1: Markdown Preview Enhanced
Mô tả
Extension mạnh mẽ nhất để xem trước và xuất file Markdown với nhiều tính năng nâng cao.
Cách cài
Tìm kiếm "Markdown Preview Enhanced" của Yiyi Wang → Install
Tính năng:
- ✅ Xem trước Markdown realtime
- ✅ Hỗ trợ Mermaid, PlantUML, Graphviz
- ✅ Xuất file sang PDF, HTML, PNG
- ✅ Hiển thị công thức toán học (LaTeX)
.md → Nhấn Ctrl + K rồi V (Windows) hoặc Cmd + K rồi V (Mac)🔷 Extension 2: Markdown Preview Mermaid Support
Mô tả
Thêm hỗ trợ hiển thị Mermaid diagrams trong Markdown preview mặc định của VS Code.
Cách cài
Tìm kiếm "Markdown Preview Mermaid Support" của Matt Bierner → Install
Cách sử dụng: Mở file .md có Mermaid code → Nhấn Ctrl + Shift + V (Windows) hoặc Cmd + Shift + V (Mac)
🎨 Extension 3: Mermaid Chart
Mô tả
Extension chính thức từ Mermaid.js để tạo và chỉnh sửa Mermaid diagrams.
Tính năng
Syntax highlighting, Live preview, Auto-completion, Xuất PNG/SVG
🎯 Extension 4: Draw.io Integration
Mô tả
Tích hợp công cụ vẽ diagram Draw.io (diagrams.net) ngay trong VS Code.
Tính năng
Vẽ diagram kéo thả, hỗ trợ Flowchart/UML/Network, lưu file .drawio
Cách sử dụng: Tạo file diagram.drawio hoặc Ctrl + Shift + P → "Draw.io: Create New Diagram"
📋 Tóm Tắt Extensions
| Extension | Tác dụng | Phím tắt chính |
|---|---|---|
| Markdown Preview Enhanced | Preview Markdown nâng cao | Ctrl+K V |
| Markdown Preview Mermaid Support | Mermaid trong preview mặc định | Ctrl+Shift+V |
| Mermaid Chart | Editor Mermaid chuyên nghiệp | Context menu |
| Draw.io Integration | Vẽ diagram trực quan | .drawio file |
4) Đăng Ký và Thiết Lập GitHub Copilot
🤖 GitHub Copilot là gì? – Trợ lý AI thông minh
- ✨ Tự động gợi ý code khi bạn gõ
- 🐛 Tìm và sửa lỗi trong code
- 📝 Viết chú thích (comment) cho code
- 💬 Trả lời câu hỏi về code bằng chat
Ví dụ: Bạn chỉ cần viết comment "tính tổng 2 số", Copilot sẽ tự động viết code cho bạn!
🎓 Option 1: Sinh viên/Giáo viên (MIỄN PHÍ!)
GitHub Copilot hoàn toàn miễn phí cho:
- ✅ Sinh viên đang học (có thẻ sinh viên)
- ✅ Học sinh (có xác nhận từ trường)
- ✅ Giáo viên/giảng viên
📚 Đăng ký GitHub Student Developer Pack:
Truy cập trang đăng ký
Mở education.github.com/pack → Nhấn "Sign up for Student Developer Pack"
Điền thông tin sinh viên
Email: Ưu tiên email trường (.edu.vn, .ac.vn)
School name: Tên trường (VD: "FPT University")
Graduation year: Năm tốt nghiệp dự kiến
Upload giấy tờ xác minh
✅ Thẻ sinh viên (nhanh nhất)
Gửi đơn và chờ duyệt
Nhấn "Submit your information" → Chờ 1-7 ngày (thường 1-3 ngày)
💡 Mẹo để được duyệt nhanh
Dùng email trường và thẻ sinh viên rõ nét sẽ được duyệt nhanh nhất!
🔓 Kích hoạt Copilot sau khi được duyệt:
1. Truy cập: github.com/settings/copilot
💳 Option 2: Người dùng cá nhân (Trả phí)
Chỉ chọn nếu không phải sinh viên
Giá: $10/tháng (~230,000 VNĐ) hoặc $100/năm
Dùng thử: MIỄN PHÍ 30 ngày đầu
⚙️ Cài Đặt GitHub Copilot Extension trong VS Code
Cài đặt Extensions
Mở VS Code → Ctrl + Shift + X → Tìm và cài:
✅ GitHub Copilot (extension chính)
✅ GitHub Copilot Chat (trò chuyện với AI)
Đăng nhập GitHub
Nhấn "Sign in to GitHub" → Trình duyệt mở → "Authorize Visual-Studio-Code"
Kiểm tra trạng thái
Nhìn góc dưới bên phải VS Code: ✅ Tick xanh = Đang hoạt động
🚀 Sử Dụng GitHub Copilot
📌 Code Completion (Gợi ý code tự động)
| Phím tắt | Chức năng |
|---|---|
Tab |
Chấp nhận gợi ý |
Esc |
Từ chối gợi ý |
Alt + ] / Option + ] |
Xem gợi ý tiếp theo |
Ctrl + Enter |
Xem tất cả gợi ý |
💬 GitHub Copilot Chat
Mở Chat: Ctrl + Shift + I (Windows) hoặc Cmd + Shift + I (macOS)
| Lệnh | Mô tả |
|---|---|
/explain |
Giải thích code |
/fix |
Sửa lỗi code |
/tests |
Tạo unit tests |
/doc |
Tạo documentation |
/optimize |
Tối ưu code |
✏️ Inline Chat
1. Bôi đen đoạn code cần chỉnh sửa
Ctrl + I (Windows) hoặc Cmd + I (macOS)🔧 Khắc Phục Sự Cố
Lỗi: "Copilot is not available"
Kiểm tra subscription: github.com/settings/copilot
Lỗi: "Extension is not activated"
Ctrl + Shift + P → "Reload Window" hoặc đăng xuất/đăng nhập lại.
Copilot không gợi ý
Kiểm tra icon Copilot góc dưới phải (phải có tick xanh). Kiểm tra Settings → "Editor: Inline Suggest: Enabled".
5) Hướng Dẫn Tạo File Markdown với Mermaid Chart
📄 Markdown là gì? – Cách viết văn bản đơn giản nhưng hiển thị đẹp
chữ đậm
# Tiêu đề lớn
Dùng để: Viết báo cáo, ghi chú học tập, tạo README trên GitHub, vẽ sơ đồ Mermaid
📁 Tạo File Markdown Mẫu
Tạo file mới
Mở VS Code → Ctrl + N → Lưu với tên bai-tap-1.md (phải có đuôi .md)
Xem trước file
Cách 1: Ctrl + K rồi V (Markdown Preview Enhanced, xem song song)
Cách 2: Ctrl + Shift + V (Preview mặc định, tab mới)
📊 Ví dụ Mermaid Charts
📊 Flowchart (Quy trình)
flowchart TD
A[Thu thập dữ liệu] --> B[Làm sạch]
B --> C[Phân tích EDA]
C --> D{Đánh giá}
D -->|Tốt| E[Deploy]🔄 Sequence Diagram
sequenceDiagram
User->>API: Request
API->>Model: Process
Model-->>API: Result
API-->>User: Response🗄️ ER Diagram
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ ITEM : contains
PRODUCT ||--o{ ITEM : in📅 Gantt Chart
gantt
title Project Timeline
section Phase 1
Task A :a1, 2026-02-01, 5d
Task B :after a1, 7d📋 Mermaid Chart Types
| Loại Chart | Cú pháp bắt đầu | Ứng dụng |
|---|---|---|
| Flowchart | flowchart TD |
Quy trình, workflow |
| Sequence | sequenceDiagram |
Luồng tương tác |
| Class | classDiagram |
OOP, kiến trúc code |
| ER Diagram | erDiagram |
Database schema |
| Gantt | gantt |
Timeline, kế hoạch |
| Pie Chart | pie |
Phân bố, tỷ lệ |
| State | stateDiagram-v2 |
Trạng thái, FSM |
| Mindmap | mindmap |
Brainstorming |
🎯 Shortcuts Tổng Hợp
| Phím tắt | Chức năng |
|---|---|
Ctrl + K V |
Markdown Preview Enhanced (side by side) |
Ctrl + Shift + V |
Markdown Preview (mặc định) |
Ctrl + Shift + P |
Command Palette |
Ctrl + , |
Settings |
Ctrl + Shift + X |
Extensions |
Ctrl + I |
Copilot Inline Chat |
Ctrl + Shift + I |
Copilot Chat Panel |
Tab |
Chấp nhận Copilot suggestion |
🚀 Bắt đầu học Data Science với MinAI
Đã setup xong môi trường? Khám phá các khóa học Data Analysis, Machine Learning tại MinAI để áp dụng ngay những gì bạn vừa học!
Xem khóa học →