Chuyển đến nội dung chính

Bài 2: Cài đặt & Cấu hình GitHub Copilot trong VS Code

Đăng ký GitHub Copilot (Free/Pro/Pro+/Enterprise), cài đặt extension, cấu hình settings, chọn model (GPT-5.4, Claude, Gemini), Auto Model Selection, keyboard shortcuts và workflow cơ bản.

💻 Lập trình — Bài 2 Bài 2: Cài đặt & Cấu hình GitHub Copilot trong VS Code

Vibe Coding với GitHub Copilot: Từ Cơ bản đến Nâng cao

Phần 1: Nền tảng Vibe Coding & GitHub Copilot

xdev.asia

1. Các gói GitHub Copilot (2026)

GitHub Copilot cung cấp nhiều gói phù hợp từ cá nhân đến doanh nghiệp:

Gói Giá Đặc điểm chính
Copilot Free $0/tháng Giới hạn inline suggestions & chat interactions/tháng. Auto model selection.
Copilot Pro $10/tháng Unlimited completions & chat. Nhiều model. Copilot Memory (preview).
Copilot Pro+ $39/tháng Premium models, Copilot Memory, Cloud Agent, higher rate limits.
Copilot Business $19/user/tháng Organization policies, content exclusion, audit logs, IP indemnity.
Copilot Enterprise $39/user/tháng Knowledge bases, fine-tuned models, advanced security.

Đặc biệt cho sinh viên: GitHub cung cấp Copilot miễn phí qua chương trình GitHub Education (GitHub Student Developer Pack).

2. Cài đặt GitHub Copilot trong VS Code

Bước 1: Cài đặt VS Code

Tải và cài đặt từ code.visualstudio.com. Khuyến nghị dùng bản Stable (hoặc Insiders nếu muốn trải nghiệm tính năng mới nhất).

Bước 2: Đăng nhập GitHub Copilot

  1. Mở VS Code
  2. Hover vào Copilot icon ở Status Bar (góc dưới bên phải)
  3. Chọn "Set up Copilot"
  4. Đăng nhập tài khoản GitHub
  5. Nếu chưa có subscription → tự động đăng ký Copilot Free
Status Bar: [Copilot Icon] → "Set up Copilot" → Sign in with GitHub

Bước 3: Xác nhận cài đặt

Sau khi đăng nhập thành công:

  • Copilot icon ở Status Bar chuyển sang trạng thái active
  • Mở file code bất kỳ → bắt đầu gõ → thấy inline suggestions (ghost text)
  • Mở Chat view bằng Ctrl+Cmd+I (macOS) hoặc Ctrl+Alt+I (Windows/Linux)

3. Chọn AI Model

GitHub Copilot cho phép bạn chọn model AI phù hợp với từng tác vụ:

Các model hiện có (tháng 3/2026):

Model Provider Đặc điểm
GPT-5.4 OpenAI Mới nhất, mạnh nhất cho coding. GA từ Mar 2026.
GPT-5.4 mini OpenAI Nhẹ hơn, nhanh hơn, phù hợp tasks đơn giản.
GPT-5.3-Codex OpenAI Long-term support, tối ưu cho code generation.
Claude (Anthropic) Anthropic Mạnh về reasoning, instructions following.
Gemini 3.1 Pro Google Long context, hỗ trợ JetBrains/Xcode/Eclipse.
Grok Code Fast 1 xAI Nhanh, dùng trong Copilot Free auto selection.

Auto Model Selection

Mặc định, Copilot dùng Auto — tự động chọn model tốt nhất cho từng prompt. Bạn có thể thay đổi bằng cách click vào model dropdown trong Chat view.

Chat view → Model dropdown (góc trên) → Chọn model cụ thể hoặc "Auto"

4. Cấu hình Settings quan trọng

Mở VS Code Settings (Cmd+,) và search "copilot":

4.1. Inline Suggestions

{
  // Bật/tắt inline suggestions
  "editor.inlineSuggest.enabled": true,

// Bật Next Edit Suggestions (NES) "editor.inlineSuggest.edits.enabled": true,

// Tự động hiển thị suggestions "github.copilot.editor.enableAutoCompletions": true }

4.2. Agent Mode

{
  // Bật Agent mode (quan trọng!)
  "chat.agent.enabled": true,

// Cho phép agent chạy terminal commands "github.copilot.chat.agent.runCommands": true }

4.3. Ngôn ngữ cụ thể

{
  // Tắt Copilot cho một số ngôn ngữ
  "github.copilot.enable": {
    "*": true,
    "plaintext": false,
    "markdown": true,
    "yaml": true
  }
}

5. Keyboard Shortcuts cần nhớ

Shortcut (macOS) Shortcut (Win/Linux) Chức năng
Tab Tab Accept inline suggestion
Esc Esc Dismiss suggestion
Option+] Alt+] Next suggestion
Option+[ Alt+[ Previous suggestion
Cmd+→ Ctrl+→ Accept word-by-word
Cmd+I Ctrl+I Inline Chat
Ctrl+Cmd+I Ctrl+Alt+I Mở Chat view

6. Tương tác đầu tiên

6.1. Test Inline Suggestions

Tạo file hello.py và bắt đầu gõ:

# Function to calculate fibonacci numbers
def fibonacci(

Copilot sẽ tự động suggest phần thân hàm. Nhấn Tab để accept.

6.2. Test Chat View

Mở Chat view (Ctrl+Cmd+I) và nhập:

Create a simple Python script that reads a CSV file and generates a bar chart using matplotlib

6.3. Test Agent Mode

Trong Chat view, chọn Agent từ dropdown và nhập:

Create a simple todo web app with HTML, CSS, and JavaScript. Make it modern and responsive.

Quan sát Agent tự động tạo files, viết code, và thiết lập project.

7. Hiểu cấu trúc giao diện Copilot

┌─────────────────────────────────────────────────┐
│  VS Code + GitHub Copilot                       │
├─────────────────────────────────────────────────┤
│                                                  │
│  ┌──────────┐  ┌────────────────────────────┐   │
│  │ Chat     │  │ Editor                     │   │
│  │ View     │  │                            │   │
│  │          │  │  [Ghost text suggestions]   │   │
│  │ Agent ▼  │  │                            │   │
│  │ Model ▼  │  │  Cmd+I → Inline Chat      │   │
│  │          │  │                            │   │
│  │ Sessions │  │                            │   │
│  │ list     │  │                            │   │
│  └──────────┘  └────────────────────────────┘   │
│                                                  │
│  Status Bar: [Copilot ●] [Model: Auto]          │
└─────────────────────────────────────────────────┘

8. Xử lý sự cố thường gặp

Vấn đề Giải pháp
Không thấy suggestions Kiểm tra Copilot icon ở Status Bar, đảm bảo đã sign in
Agent mode không hiện Bật chat.agent.enabled trong Settings
Suggestions chất lượng thấp Thử đổi model, thêm context (comments, file mở)
Rate limit reached Nâng cấp từ Free lên Pro, hoặc đợi reset tháng mới
Extension conflict Tắt các extension AI khác (Tabnine, Codeium...)

9. Tổng kết

Bạn đã sẵn sàng để bắt đầu Vibe Coding! Tóm tắt những gì đã làm:

  • ✅ Hiểu các gói Copilot và chọn gói phù hợp
  • ✅ Cài đặt và đăng nhập GitHub Copilot trong VS Code
  • ✅ Chọn AI model phù hợp
  • ✅ Cấu hình settings quan trọng
  • ✅ Nắm được keyboard shortcuts
  • ✅ Test thành công inline suggestions, chat, và agent mode

Ở bài tiếp theo, chúng ta sẽ đi sâu vào Inline Suggestions & Next Edit Suggestions — tính năng cốt lõi giúp bạn code nhanh hơn mỗi ngày.