拒絕當「孤獨碼農」！VS Code + GitHub Copilot 終極調教指南：打造你的 AI 結對程式設計 (Pair Programming) 高爽流

嗨，我是 Eric，浪花科技的資深工程師。如果你跟我一樣，曾經在深夜對著螢幕上一大串「義大利麵式」的 Legacy Code 發呆，或者是為了想一個變數命名把頭髮抓掉好幾根，那你一定懂那種「孤獨碼農」的無力感。

過去我們常說「結對程式設計 (Pair Programming)」是提升程式碼品質的神器——一個人寫 Code (Driver)，另一個人看 Code (Navigator) 兼給意見。但在現實職場中，大家忙都忙死了，誰有空整天坐在你旁邊陪你寫 Code？

好在，這個時代我們有了 AI。今天 Eric 不只要教你怎麼安裝外掛，更要分享我這段時間實戰累積的心法，教你如何利用 VS Code + GitHub Copilot：打造高爽感的 AI Pair Programming 工作流。這不只是自動補全，而是讓 AI 真正成為懂你的技術夥伴。

什麼是 AI 時代的 Pair Programming？

傳統的結對程式設計，重點在於「即時回饋」與「思維激盪」。而在 AI 時代，GitHub Copilot 扮演的就是那個隨傳隨到、博學多聞（雖然偶爾會一本正經胡說八道）的 Navigator。

很多新手只把 Copilot 當成「超級自動完成」來用，這真的太浪費了。在 Eric 的工作流中，Copilot 至少扮演了三個角色：

• 打字員：處理重複性高的 Boilerplate Code（樣板程式碼）。
• 搜尋引擎：不用切換瀏覽器，直接在 IDE 裡問 API 用法。
• Code Reviewer：幫我解釋這段像是外星人寫的程式碼，或是幫我重構髒亂的邏輯。

環境建置：讓 VS Code 與 Copilot 完美聯動

工欲善其事，必先利其器。雖然安裝很簡單，但有些設定是「老司機」才知道的關鍵。

1. 安裝與啟用

首先，確認你的 VS Code 是最新版本，並安裝官方的 GitHub Copilot 以及 GitHub Copilot Chat 這兩個擴充套件。現在 Chat 已經深度整合，是我們接下來「結對」的核心。

2. 必學的「高爽感」快捷鍵

Eric 強烈建議你把手黏在鍵盤上，滑鼠能不動就不動。以下幾個快捷鍵請刻進肌肉記憶裡：

• Tab：接受建議（最基本）。
• Ctrl + Enter (Mac: Cmd + Enter)：開啟 GitHub Copilot 建議面板。當你不滿意目前的建議時，這招可以一次列出 10 種解決方案讓你挑，這在寫複雜演算法時超好用。
• Ctrl + I (Mac: Cmd + I)：Inline Chat（行內對話）。這是 Eric 最常用的功能！直接在程式碼行內呼叫 AI，叫它「幫我把這段重構成 Switch Case」或是「幫我加上錯誤處理」，完全不打斷心流。

實戰演練：Copilot 在 WordPress 開發中的應用

身為一個 WordPress 開發者，我們最常遇到的就是處理 WP_Query 或是寫 Shortcode。來看看有了 AI 結對後，工作流會有什麼改變。

場景一：撰寫複雜的 WP_Query

以前我們要去查 Codex 看參數怎麼下，現在我只需要寫一行「註解」，Copilot 就會懂我的心。

我在編輯器中輸入：

// 建立一個 WP_Query，撈出分類為 'news' 的最新 5 篇文章，並且排除目前的文章 ID

按下 Enter，Copilot 幾乎瞬間就會吐出以下程式碼：

$args = array(
    'post_type'      => 'post',
    'category_name'  => 'news',
    'posts_per_page' => 5,
    'post__not_in'   => array( get_the_ID() ),
);

$query = new WP_Query( $args );

if ( $query->have_posts() ) {
    while ( $query->have_posts() ) {
        $query->the_post();
        // Loop content here
    }
    wp_reset_postdata();
}

你看，連 wp_reset_postdata() 這種容易忘記的細節它都幫你顧到了，這就是結對的好處——它會提醒你該注意的 Best Practice。

進階調教：Context is King (上下文是王道)

很多工程師抱怨：「Eric，我的 Copilot 怎麼笨笨的，給的建議都不相干？」

這通常是因為你沒有給它足夠的上下文 (Context)。Copilot 是基於你目前開啟的檔案來推測意圖的。如果你正在寫一個 WooCommerce 的結帳功能，但你只開了 functions.php，它可能不知道你的結帳頁面長怎樣。

Eric 的調教心法：

1. 保持相關檔案開啟：如果你要寫一段關於訂單處理的邏輯，請把定義訂單資料結構的 Class 檔案，或是相關的 View 檔案打開放在分頁籤中（不用聚焦，開著就好）。Copilot 會去讀取這些分頁的內容作為 Prompt。
2. 善用 GitHub Copilot Chat 的 @workspace： 在 Chat 視窗中，你可以輸入 @workspace 如何在我的外掛中新增一個設定頁面？，它會掃描你整個專案的結構，給出符合你目前架構的建議，而不是給出通用的垃圾 Code。

Comment Driven Development (註解驅動開發)

這是我在使用 VS Code + GitHub Copilot：打造高爽感的 AI Pair Programming 工作流 中最重要的領悟。以前我們是「寫完 Code 再補註解（或者根本不補）」，現在我習慣「先寫註解，再讓 AI 寫 Code」。

這有兩個好處：

• 釐清思緒：強迫自己用人類語言把邏輯理順。
• 精準引導：註解就是給 AI 最好的 Prompt。

例如，你可以這樣寫：

/**
 * 檢查使用者是否購買過特定商品
 * @param int $user_id
 * @param int $product_id
 * @return bool
 * 邏輯：檢查使用者的所有 wc-completed 狀態訂單，遍歷訂單項目比對 product_id
 */
function check_user_bought_product( $user_id, $product_id ) {
   // 游標停在這裡，等待奇蹟
}

這時候 Copilot 吐出來的程式碼，準確率通常高達 90% 以上。

不要盲信：AI 也會「一本正經胡說八道」

雖然我很愛 Copilot，但還是要囉嗦一句：你是 Driver，它只是 Navigator。

AI 經常會產生「幻覺 (Hallucinations)」。在 WordPress 開發中，它有時會捏造出根本不存在的 Hook 名稱，或是使用了已經被棄用 (Deprecated) 的函式。如果你完全不經過大腦審查就 Commit，那最後 Debug 到哭出來的還是你自己。

保持懷疑，驗證一切。 這是資深工程師與「複製貼上工程師」最大的差別。

結論：寫 Code 不再孤單

使用 Copilot 進行結對程式設計，最大的改變不是「打字變快」，而是「認知負擔降低」。那些瑣碎的語法記憶、重複的結構撰寫，通通交給 AI。你的大腦可以騰出空間，專注在更重要的系統架構、商業邏輯與安全性設計上。

現在，打開你的 VS Code，叫出你的 AI 夥伴，開始享受這種有人（AI）陪你寫 Code 的高爽感吧！

延伸閱讀

如果你對 AI 輔助開發有興趣，這幾篇文章你絕對不能錯過：

• Cursor AI 其實不是 Copilot 的對手？錯！資深工程師揭秘：它想當的是你的『大腦外掛』
• AI 寫 Code 只是基本功？資深工程師揭秘：AI Coding Agent 的真正價值是當你的『技術決策軍師』
• WordPress 外掛開發不再是黑魔法！資深工程師帶你解構第一個『Hello World』外掛