GitHub Copilot 完整教學

Part 2：安裝與設定

VS Code 環境準備 - 三步驟完成 Copilot 安裝與啟用

VS Code 擴充套件環境設定中文介面

🎯 本單元學習目標

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

1. 安裝中文套件

將 VS Code 介面切換為繁體中文，方便學習操作

2. 安裝 Copilot

學會安裝 GitHub Copilot 與 Copilot Chat 擴充套件

3. 登入授權

完成 GitHub 帳號連結與授權流程

4. 驗證安裝

確認 Copilot 已成功啟用並開始運作

📋 事前準備檢查清單

開始之前，請確認你已經準備好以下項目：

項目	說明	檢查
Windows 電腦	Windows 10 或 Windows 11	☐
VS Code	已安裝 Visual Studio Code	☐
GitHub 帳號	已註冊 GitHub 並能正常登入	☐
網路連線	需要連網下載擴充套件與驗證	☐

還沒有 VS Code？
請前往 https://code.visualstudio.com 下載安裝

🇹🇼 Step 0：安裝中文語言套件

建議先將 VS Code 介面切換為繁體中文，學習起來更輕鬆！

1

開啟擴充功能面板

點擊左側的擴充功能圖示，或按 Ctrl + Shift + X

2

搜尋中文套件

在搜尋框輸入：Chinese (Traditional)

3

安裝並重新啟動

找到「Chinese (Traditional) Language Pack」，點擊安裝，然後重新啟動 VS Code

安裝成功後：上方選單會變成「檔案、編輯、檢視、前往、執行、終端機、說明」

✅ 確認 VS Code 環境正確

安裝完中文套件後，你的 VS Code 應該會像這樣：

VS Code 中文版歡迎畫面與版本資訊

確認要點：

上方選單是中文（檔案、編輯、檢視...）
可以從「說明 → 關於」查看版本號

📦 Step 1：開啟擴充功能面板

1

找到擴充功能圖示

看左側活動列，找到 四個小方塊組成的圖示

滑鼠移上去會顯示「擴充功能」

2

或使用快捷鍵

Ctrl + Shift + X

左側的擴充功能圖示與搜尋面板

🔍 Step 2：搜尋 GitHub Copilot

1

在搜尋框輸入

GitHub Copilot

搜尋結果會顯示 GitHub Copilot 相關套件

注意！請確認發行者是 GitHub 官方，不要安裝其他名稱相似的假冒套件！

⬇️ 安裝兩個重要套件

建議同時安裝這兩個官方套件：

GitHub Copilot

程式碼自動補全

在你打字時即時提供程式碼建議

必裝！

GitHub Copilot Chat

對話式 AI 問答

可以直接用對話方式詢問程式問題

強烈建議！

GitHub Copilot Chat 套件詳細頁面

🔑 Step 3：登入 GitHub 帳號

安裝完成後，VS Code 右下角會出現登入提示：

右下角的「登入以使用 GitHub Copilot」提示

沒有看到提示？別擔心！
按 Ctrl + Shift + P，輸入「Copilot: 登入」即可手動觸發

🌐 GitHub 授權頁面

點擊登入後，瀏覽器會自動開啟 GitHub 的授權頁面：

GitHub 官方授權確認頁面

✓

確認並授權

確認網址是 github.com，然後點擊綠色的「Authorize Visual Studio Code」按鈕

✨ 驗證安裝成功

授權完成後，回到 VS Code 測試 Copilot 是否正常運作：

1

新建一個 Python 檔案

檔案 → 新增檔案 → 儲存為 test.py

2

輸入中文註解

# 計算 1 到 100 的總和

3

按 Enter 換行，等待建議出現

1-2 秒後會看到灰色的程式碼建議

Copilot 成功生成灰色程式碼建議

💡 重要觀念：補全 vs 對話

「如果你在『聊天框』打字，Copilot 會跟你聊天；
如果你在『程式碼區』打字，Copilot 才會幫你寫程式。」

程式碼區（左側）

在這裡輸入註解或程式碼

Copilot 會顯示灰色建議

按 Tab 接受

聊天區（右側/底部）

在這裡輸入問題

Copilot Chat 會用對話回答

適合問問題、解釋程式

⌨️ 進階技巧：命令面板

學會使用命令面板，可以手動控制 Copilot 的各種功能：

1

開啟命令面板

Ctrl + Shift + P

2

輸入「Copilot」

會顯示所有 Copilot 相關指令

命令面板中的 Copilot 相關指令

📝 Copilot 常用指令

指令	功能說明
`GitHub Copilot: 登入`	登入 GitHub 帳號
`GitHub Copilot: 登出`	登出目前帳號
`GitHub Copilot: 啟用`	開啟自動補全功能
`GitHub Copilot: 停用`	暫時關閉自動補全
`GitHub Copilot: 開啟聊天`	開啟 Copilot Chat 面板

排錯小技巧：如果 Copilot 沒反應，試試「登出」再「登入」！

⚡ 快捷鍵速查表

快捷鍵	功能
Tab	接受 Copilot 的建議
Esc	拒絕/關閉建議
Alt + ]	查看下一個建議
Alt + [	查看上一個建議
Ctrl + Enter	開啟建議面板（顯示多個建議）
Ctrl + Shift + P	開啟命令面板
Ctrl + Shift + X	開啟擴充功能面板

🎯 實作練習：你的第一個 Copilot 程式

練習任務：用 Copilot 自動生成一個計算質數的函式

步驟：

新建檔案 practice.py
輸入以下註解：

# 建立一個函式，判斷一個數字是否為質數
# 如果是質數回傳 True，否則回傳 False

按 Enter 換行
等待灰色建議出現
按 Tab 接受

Copilot 自動生成的質數判斷函式

📝 隨堂測驗

問題 1：開啟 VS Code 擴充功能面板的快捷鍵是？

A. Ctrl + P

B. Ctrl + Shift + X

C. Ctrl + Shift + P

D. Alt + X

問題 2：接受 Copilot 灰色建議的按鍵是？

A. Enter

B. Tab

C. Space

D. Ctrl + Enter

✅ 測驗解答

問題 1 答案：B

Ctrl + Shift + X 是開啟 VS Code 擴充功能面板的快捷鍵。

問題 2 答案：B

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

（Ctrl + Enter 是開啟多個建議的面板）

❓ 常見問題排解

問題	解決方法
看不到登入提示	按 Ctrl+Shift+P，輸入「Copilot: 登入」
授權失敗	檢查網路連線，或嘗試重新登入 GitHub
沒有建議出現	確認檔案已儲存且副檔名正確（如 .py）
在聊天框打字沒反應	要在左側程式碼區打字才會有補全建議
Copilot 突然失效	試試「登出」再「登入」

🎉 Part 2 重點回顧

Step 0

安裝中文語言套件

Step 1

開啟擴充功能面板
Ctrl+Shift+X

Step 2

安裝 GitHub Copilot
+ Copilot Chat

Step 3

登入 GitHub 並授權

下一單元預告

Part 3：帳號授權與方案選擇
詳細說明免費版、Pro 版、學生方案的申請流程！

GitHub Copilot 完整教學

Part 2：安裝與設定

VS Code 環境準備 - 三步驟完成 Copilot 安裝與啟用

🎯 本單元學習目標

1. 安裝中文套件

2. 安裝 Copilot

3. 登入授權

4. 驗證安裝

📋 事前準備檢查清單

🇹🇼 Step 0：安裝中文語言套件

開啟擴充功能面板

搜尋中文套件

安裝並重新啟動

✅ 確認 VS Code 環境正確

📦 Step 1：開啟擴充功能面板

找到擴充功能圖示

或使用快捷鍵

🔍 Step 2：搜尋 GitHub Copilot

在搜尋框輸入

⬇️ 安裝兩個重要套件

GitHub Copilot

GitHub Copilot Chat

🔑 Step 3：登入 GitHub 帳號

🌐 GitHub 授權頁面

確認並授權

✨ 驗證安裝成功

新建一個 Python 檔案

輸入中文註解

按 Enter 換行，等待建議出現

💡 重要觀念：補全 vs 對話

程式碼區（左側）

聊天區（右側/底部）

⌨️ 進階技巧：命令面板

開啟命令面板

輸入「Copilot」

📝 Copilot 常用指令

⚡ 快捷鍵速查表

🎯 實作練習：你的第一個 Copilot 程式

步驟：

📝 隨堂測驗

問題 1：開啟 VS Code 擴充功能面板的快捷鍵是？

問題 2：接受 Copilot 灰色建議的按鍵是？

✅ 測驗解答

問題 1 答案：B

問題 2 答案：B

❓ 常見問題排解

🎉 Part 2 重點回顧

Step 0

Step 1

Step 2

Step 3

下一單元預告

🔒 解鎖解答