Part 4 - 第一次使用：自動補全基礎
🏠 課程首頁 📘 FB 🎥 YT

GitHub Copilot 完整教學

Part 4：第一次使用

自動補全基礎 - Tab 鍵按下去的魔法時刻

灰色建議 Tab 接受 自動補全
Tab

這是你最常用的按鍵！

🎯 本單元學習目標

完成這個單元後，你將能夠：

1. 認識灰色建議

了解 Copilot 的建議是什麼樣子、出現在哪裡

2. Tab 鍵操作

熟練使用 Tab 接受建議，完成程式碼

3. 拒絕建議

學會用 Esc 或繼續打字來忽略不想要的建議

4. 觸發時機

知道什麼情況會觸發 Copilot 產生建議

👀 認識「灰色建議」

Copilot 的建議會以 灰色半透明文字 顯示在你的游標後方：

灰色建議外觀

輸入中文註解後，Copilot 產生的灰色建議

重點觀念：
• 灰色文字 = Copilot 的建議（還沒被接受）
• 這些程式碼還不是你的，只是「建議」
• 你可以選擇接受或忽略

⌨️ 最重要的操作：按 Tab 接受建議

Tab

接受整個灰色建議

按 Tab 之前

灰色半透明文字
（還沒被接受）

按 Tab 前

按 Tab 之後

正式程式碼
（已被接受）

按 Tab 後

🚫 不想要這個建議怎麼辦？

方法 按鍵 說明
方法 1 Esc 直接關閉建議
方法 2 繼續打字 建議會自動消失或更新
方法 3 方向鍵移動 移動游標，建議消失
不用擔心按錯！
如果不小心接受了錯誤的建議，直接按 Ctrl + Z 復原即可！

🎯 什麼時候會觸發建議？

✅ 會觸發的情況

  • 輸入註解後 - 寫完中文或英文註解
  • 函式定義後 - 打完 def function_name():
  • 按 Enter 到新行 - 換行後自動出現
  • 程式碼中間打字 - 在已有程式碼中編輯

❌ 不會觸發的情況

  • 在 Chat 聊天框中打字
  • 檔案沒有正確的副檔名
  • Copilot 被停用或未登入
  • 網路連線中斷
小提示：一定要在程式碼編輯區（左邊）打字，不是在 Chat 聊天區（右邊）！

🎯 實作練習 1：基本補全

1

新建檔案

建立 practice1.py

2

輸入中文註解

# 計算兩個數字的加總
3

按 Enter 換行，等待建議

1-2 秒後會看到灰色建議

練習 1 輸入註解

輸入註解後，Copilot 產生的建議

🎯 實作練習 1：按 Tab 接受

4

按 Tab 接受建議

灰色文字變成正式程式碼！

練習 1 結果

按 Tab 後，Copilot 生成的完整函式

恭喜！你剛剛用一行中文註解，讓 Copilot 幫你寫出完整的函式！

🎯 實作練習 2：連續補全（較長程式碼）

Copilot 不只能補一行，還能幫你生成整段程式！

1

新建檔案並輸入註解

# 建立一個學生成績管理系統
# 功能：新增學生、查詢成績、計算平均
2

連續按 Tab

一次接受一段，連續按 Tab 讓程式碼越長越長！

連續補全

連續按 Tab 後生成的較長程式碼

🎯 實作練習 3：函式名稱觸發

Copilot 連「函式名稱」都能理解，自動補完內容！

1

只輸入函式定義

def is_prime(n):
2

按 Enter，觀察建議

Copilot 會根據函式名稱「is_prime」自動推測你要判斷質數！

函式名稱觸發

只輸入函式名稱，Copilot 自動推測並生成完整實作

神奇吧！Copilot 能從函式名稱理解你的意圖，這就是 AI 的魔力！

🔍 確認 Copilot 正常運作

如果沒有看到灰色建議，先檢查 Copilot 的狀態：

Copilot 狀態

VS Code 介面與 Copilot 運作狀態

新版 VS Code 注意事項：
新版 VS Code 可能不會在右下角顯示 Copilot 小圖示。
只要能看到灰色建議出現，就代表 Copilot 正常運作！

排錯方法

  • 按 Ctrl+Shift+P → 輸入「Copilot」確認已登入
  • 確認檔案已儲存且副檔名正確（如 .py）
  • 確認在「程式碼區」打字，不是「Chat 區」

❓ 常見問題排解

問題 可能原因 解決方法
沒有出現建議 檔案沒儲存 按 Ctrl+S 儲存
沒有出現建議 副檔名錯誤 確認是 .py / .js 等
建議很慢 網路問題 檢查網路連線
建議不準確 上下文不足 提供更多註解說明
在 Chat 打字沒反應 位置錯誤 改到左側程式碼區打字

⚡ Part 4 快捷鍵總表

快捷鍵 功能 使用頻率
Tab 接受整個建議 ⭐⭐⭐⭐⭐ 最常用
Esc 拒絕/關閉建議 ⭐⭐⭐⭐
Ctrl+Z 復原（按錯可救回） ⭐⭐⭐
Ctrl+S 儲存檔案 ⭐⭐⭐⭐⭐
記住這個：看到灰色 → 滿意就按 Tab → 不滿意就按 Esc

📝 隨堂測驗

問題 1：接受 Copilot 灰色建議的快捷鍵是？

A. Enter
B. Tab
C. Space
D. Ctrl + Enter

問題 2：如果不想要 Copilot 的建議，可以怎麼做？

A. 只能重新開啟 VS Code
B. 按 Esc 或繼續打字
C. 必須關閉 Copilot
D. 按 Delete 鍵

✅ 測驗解答

問題 1 答案：B

按 Tab 鍵可以接受 Copilot 顯示的灰色建議程式碼。

問題 2 答案：B

按 Esc 可以關閉建議，或直接繼續打字，建議會自動消失或更新。

🎉 Part 4 重點回顧

灰色建議

Copilot 的建議以灰色半透明文字顯示

Tab 接受

按 Tab 接受整個建議，變成正式程式碼

Esc 拒絕

按 Esc 關閉不想要的建議

觸發時機

註解後、函式定義後、新行時都會觸發

下一單元預告

Part 5：多種建議模式 - 選擇最佳方案
學習如何查看多個建議並選擇最適合的！