xDev Asia

註冊 GitHub Copilot（免費/專業版/專業版+/企業版）、安裝擴充功能、設定設定、選擇模型（GPT-5.4、Claude、Gemini）、自動模型選擇、鍵盤快速鍵和基本工作流程。

使用 GitHub Copilot 進行 Vibe 編碼：從基礎知識到高級

第 1 部分：Vibe 編碼平台和 GitHub Copilot

亞洲開發網

1.GitHub Copilot 軟體包（2026）

GitHub Copilot 提供了多種適合個人和企業的方案：

套餐	價格	主要特點
副駕駛免費	0 美元/月	每月限制內嵌建議和聊天互動。自動選型。
副駕駛專業版	10 美元/月	無限完成和聊天。很多型號。副駕駛記憶體（預覽）。
副駕駛專業版+	$39/月	高級型號、副駕駛記憶體、雲端代理、更高的速率限制。
副駕駛商務	$19/用戶/月	組織政策、內容排除、審核日誌、IP 賠償。
副駕駛企業	$39/用戶/月	知識庫、微調模型、進階安全性。

特別是對學生： GitHub 透過此計畫免費提供 Copilot GitHub 教育 （GitHub 學生開發包）。

2. 在 VS Code 中安裝 GitHub Copilot

第1步：安裝VS代碼

從以下位置下載並安裝 code.visualstudio.com。建議使用版本穩定（或 業內人士 如果您想體驗最新功能）。

第 2 步：登入 GitHub Copilot

開啟 VS 代碼
將滑鼠懸停在 副駕駛圖標 在狀態列（右下角）
選擇 “設定副駕駛”
登入您的 GitHub 帳戶
如果您沒有訂閱→自動訂閱 副駕駛免費

Status Bar: [Copilot Icon] → "Set up Copilot" → Sign in with GitHub

第三步：確認安裝

登入成功後：

狀態列中的副駕駛圖示變更為活動狀態
開啟任何程式碼檔案→開始輸入→查看內聯建議（幽靈文字）
開啟聊天視圖 Ctrl+Cmd+I (macOS) 或 Ctrl+Alt+I （Windows/Linux）

3. 選擇AI模型

GitHub Copilot 讓您為每個任務選擇正確的 AI 模型：

目前型號（2026 年 3 月）：

型號	提供者	特點
GPT-5.4	開放人工智慧	最新、最強的編碼。 2026 年 3 月起正式上市。
GPT-5.4迷你	開放人工智慧	更輕、更快，適合簡單的任務。
GPT-5.3-法典	開放人工智慧	長期支持，針對程式碼生成進行了最佳化。
克勞德（人類）	人擇	推理能力強，指令遵循。
雙子座3.1專業版	Google	長上下文，支援 JetBrains/Xcode/Eclipse。
Grok 代碼快速 1	人工智慧	速度快，用於副駕駛自由自動選擇。

自動選型

預設情況下，使用副駕駛汽車 — 自動為每個提示選擇最佳模型。您可以透過點擊進行更改 模型下拉式選單 在聊天視圖中。

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

4. 配置重要設定

開啟 VS Code 設定（命令+,）並搜尋「副駕駛」：

4.1.內嵌建議

{ // 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.代理模式

{ // 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.特定語言

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

5.要記住的鍵盤快速鍵

捷徑 (macOS)	快捷方式（Win/Linux）	功能
`選項卡`	`選項卡`	接受內聯建議
`ESC`	`ESC`	駁回建議
`選項+]`	`Alt+]`	下一步建議
`選項+[`	`Alt+[`	之前的建議
`Cmd+→`	`Ctrl+→`	逐字接受
`指令+I`	`Ctrl+I`	內嵌聊天
`Ctrl+Cmd+I`	`Ctrl+Alt+I`	開啟聊天視圖

6. 第一次互動

6.1.測試內聯建議

建立文件 你好.py 並開始輸入：

# Function to calculate fibonacci numbers
def fibonacci(

Copilot 將自動建議函數體。新聞 選項卡 接受。

6.2.測試聊天視圖

開啟聊天視圖 (Ctrl+Cmd+I）並輸入：

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

6.3.測試代理模式

在聊天視圖中，選擇 代理商 從下拉式選單中輸入：

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

觀察代理自動建立文件、編寫程式碼和設定專案。

7.了解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. 常見問題排除

問題	解決方案
看不到建議	檢查狀態列中的 Copilot 圖標，確保您已登入
代理模式不顯示	打開 `聊天代理啟用` 在設定中
低品質的建議	嘗試更改模型，新增上下文（註解、開啟檔案）
達到速率限制	從免費升級到專業版，或等待新的月份重置
擴展衝突	關閉其他 AI 擴充功能（Tabnine、Codeium...）

9. 總結

您已準備好開始 Vibe 程式設計！所做工作的摘要：

✅ 了解 Copilot 套餐並選擇合適的套餐
✅ 在 VS Code 中安裝並登入 GitHub Copilot
✅ 選擇合適的AI模型
✅ 配置重要設定
✅ 了解鍵盤快速鍵
✅ 成功測試內聯建議、聊天和代理模式

在下一篇文章中，我們將深入探討 內聯建議和下一個編輯建議 — 幫助您每天更快編碼的核心功能。

第 2 課：在 VS Code 中安裝和設定 GitHub Copilot