從安裝到實(shí)戰(zhàn)，手把手教你用 VSCode + GitHub Copilot 進(jìn)行 AI 編程

搭嘎好，我是程序員魚(yú)皮。

AI 編程工具現(xiàn)在是真的百花齊放，Cursor、Claude Code、OpenCode、…… 每隔一段時(shí)間就冒出來(lái)一個(gè)新選手。

之前我一直沉迷于 Cursor 和 Claude Code，直到最近做新項(xiàng)目時(shí)認(rèn)真體驗(yàn)了一把 GitHub Copilot， 才發(fā)現(xiàn)這玩意兒真夯?。?/p>

先簡(jiǎn)單介紹一下主角。VSCode是微軟出品的全球最流行的代碼編輯器，裝機(jī)量破億；GitHub Copilot則是 GitHub 官方出品的 AI 編程助手插件，直接安裝在 VSCode 中使用。

個(gè)人體驗(yàn)下來(lái)，相比其他 AI 編程工具有 4 大優(yōu)勢(shì)：

1. 支持最新 AI 大模型，Opus、GPT、Gemini、Claude 隨便切，實(shí)測(cè)編程質(zhì)量嘎嘎好，全棧項(xiàng)目一把梭

2. 支持本地、后臺(tái) CLI、云端、Claude Code 等多種運(yùn)行模式，兼容性賊強(qiáng)

3. 支持 MCP、Skills、工具調(diào)用的可視化管理，既靈活又方便，不用自己手動(dòng)編寫(xiě)配置了

4. 支持子智能體、和 AI 的每一步交互都清晰可見(jiàn)，Agent 執(zhí)行體驗(yàn)巨好

啥啥啥，這都是啥？

即使你看不懂我說(shuō)的這些也沒(méi)關(guān)系，這篇文章就帶大家從 0 開(kāi)始上手 VSCode + GitHub Copilot，從安裝到實(shí)戰(zhàn)、從基礎(chǔ)到核心特性，一條龍服務(wù)。

干貨密集，建議先收藏，然后沐浴更衣、找個(gè)安靜的地方放空自己，慢慢食用，助眠效果極佳~

安裝和配置

1）首先進(jìn)入 VSCode 官網(wǎng) 下載安裝包，直接傻瓜式安裝。

2）打開(kāi) VSCode，點(diǎn)擊左側(cè)「擴(kuò)展市場(chǎng)」圖標(biāo)，搜索 "GitHub Copilot"，安裝官方的 AI 編程插件。

你還可以根據(jù)需要，選擇安裝 Chinese 漢化插件，適合國(guó)內(nèi)的寶寶們：

3）安裝完后，點(diǎn)擊 VSCode 底部狀態(tài)欄的 Copilot 圖標(biāo)，按照提示登錄 GitHub 賬號(hào)就行了。

如果你還沒(méi)有 Copilot 訂閱，會(huì)自動(dòng)進(jìn)入Copilot Free 免費(fèi)計(jì)劃，每月有一定的 AI 對(duì)話(huà)和代碼補(bǔ)全額度，零門(mén)檻上手。想體驗(yàn)完整功能的話(huà)，Copilot Pro 支持新用戶(hù)免費(fèi)試用 30 天，申請(qǐng)一張國(guó)內(nèi)銀行的 Visa 卡就能開(kāi)通。

我白票了 30 天的高級(jí)會(huì)員，最近能省一點(diǎn)其他 AI 編程工具的額度了哈哈~

到這里，安裝配置就全部搞定了，比折騰 Claude Code 那套網(wǎng)絡(luò)受限 + 賬號(hào)受限 + 命令行小黑框的組合拳簡(jiǎn)單多了。

基本使用

裝好之后，先來(lái)感受一下最基本的 AI 編程體驗(yàn)。

AI 對(duì)話(huà)

點(diǎn)擊 VSCode 上方的「聊天按鈕」，打開(kāi) Chat 對(duì)話(huà)面板，你就可以和 AI 愉快地聊天了。讓它分析需求、寫(xiě)代碼、改 Bug，啥都行。

對(duì)話(huà)框區(qū)域有一個(gè)智能體選擇器，可以在 3 種內(nèi)置模式之間切換：

• Agent 全自主模式：AI 自己分析、寫(xiě)代碼、跑命令，一條龍完成任務(wù)（用的最多）

• Plan 規(guī)劃模式：AI 先出方案再動(dòng)手，適合復(fù)雜任務(wù)

• Ask 純問(wèn)答模式：只回答問(wèn)題，不改代碼，適合探索和學(xué)習(xí)（我用的比較少）

除了 Chat 面板，還有兩種更輕量的 AI 對(duì)話(huà)方式。

1）按Ctrl+I（Mac 是Cmd+I）打開(kāi)行內(nèi)對(duì)話(huà)，直接在代碼中跟 AI 交互：

2）按Ctrl+Shift+Alt+L（Mac 是Cmd+Shift+Option+L）打開(kāi) Quick Chat 彈窗，適合快問(wèn)快答。

AI 代碼補(bǔ)全

寫(xiě)代碼的時(shí)候，Copilot 會(huì)自動(dòng)給你淺色的補(bǔ)全建議，按一下Tab就能接受。比如你寫(xiě)了一個(gè)計(jì)算日期的函數(shù)名 plusDate，它能直接幫你把整個(gè)函數(shù)體補(bǔ)全出來(lái)。

更智能的是 Next Edit Suggestions（NES），也就是「下一步編輯建議」。它不光補(bǔ)全當(dāng)前位置的代碼，還能預(yù)測(cè)你接下來(lái)要改哪里！

編輯器左側(cè)會(huì)出現(xiàn)一個(gè)小箭頭，按 Tab 就能跳過(guò)去并應(yīng)用建議。

比如你把一個(gè)類(lèi)名從Point改成了Point3D，它會(huì)自動(dòng)建議你在下面加個(gè)z變量，這個(gè)體驗(yàn)像禿嚕魚(yú)皮一般絲滑~

這兩個(gè)功能用 Cursor 的同學(xué)應(yīng)該不陌生，體驗(yàn)上差不多，但 Copilot 的 NES 預(yù)測(cè)精度個(gè)人感覺(jué)略勝一籌。

好了，基本功能就是這些，看到這里，你已經(jīng)超過(guò)了 70% 的同學(xué)！

接下來(lái)進(jìn)入正題，AI Agent 編程實(shí)戰(zhàn)。

AI Agent 編程實(shí)戰(zhàn)

前面的對(duì)話(huà)和代碼補(bǔ)全只是開(kāi)胃菜，Agent 模式才是 GitHub Copilot 的大殺器。

什么是 Agent？

簡(jiǎn)單來(lái)說(shuō)，你給它一個(gè)需求，它會(huì)自己分析項(xiàng)目、制定計(jì)劃、創(chuàng)建文件、寫(xiě)代碼、跑命令、裝依賴(lài)，遇到報(bào)錯(cuò)還會(huì)自動(dòng)修復(fù)，全程自主執(zhí)行。

其實(shí) Manus、OpenClaw、各種 AI 編程工具里的 Agent 模式，本質(zhì)上都是 Agent，就是 AI 自主規(guī)劃、調(diào)用工具、執(zhí)行任務(wù)的能力。

現(xiàn)在各家 AI 編程工具都在卷 Agent 能力，比如 Cursor 可以在子 Agent 里操作瀏覽器進(jìn)行自主驗(yàn)證，Claude Code 搞出了 Agent Teams 讓多個(gè) AI 組隊(duì)協(xié)作。GitHub Copilot 也不甘示弱，除了 Agent 模式之外，也提供了各家都支持的Plan 模式。先讓 AI 幫你出方案、拆步驟，確認(rèn)沒(méi)問(wèn)題后再動(dòng)手，適合稍微復(fù)雜一點(diǎn)的項(xiàng)目，減少 AI 一上來(lái)就瞎寫(xiě)導(dǎo)致翻車(chē)的概率。

下面我?guī)Т蠹覍?shí)戰(zhàn)一把，結(jié)合 Plan 模式 + Agent 模式做個(gè)「AI 占卜師網(wǎng)站」，用戶(hù)輸入一個(gè)問(wèn)題，讓 AI 抽取塔羅牌并生成占卜解讀。

第一步、用 Plan 制定方案

新建一個(gè)空的項(xiàng)目文件夾（比如 ai-diviner），在 VSCode 中打開(kāi)該文件夾，應(yīng)該會(huì)默認(rèn)打開(kāi) Chat 對(duì)話(huà)面板。

新建項(xiàng)目

在對(duì)話(huà)區(qū)域的智能體選擇器中選擇 Plan 模式、并選擇大模型（比如 Claude Opus），然后輸入需求：

幫我用 HTML + CSS + JavaScript 做一個(gè) AI 塔羅牌占卜網(wǎng)站。


 功能描述：
1. 用戶(hù)輸入一個(gè)問(wèn)題（比如「我最近事業(yè)運(yùn)如何」）
2. 點(diǎn)擊「開(kāi)始占卜」后，展示 3 張塔羅牌的翻牌動(dòng)畫(huà)
3. 翻牌完成后，根據(jù)抽到的牌生成 AI 占卜解讀
4. 界面要神秘華麗，深紫色主題配金色紋理，星空背景
5. 有流暢的翻牌動(dòng)畫(huà)效果
6. 響應(yīng)式布局，手機(jī)也能用

選擇 Plan 模式后，AI 不會(huì)直接開(kāi)始寫(xiě)代碼。

它會(huì)先研究你的需求，可能還會(huì)問(wèn)你幾個(gè)問(wèn)題，比如 AI 解讀是 “調(diào)用 AI 大模型接口” 還是 “從預(yù)設(shè)文案庫(kù)隨機(jī)生成”？

你只要像聊天一樣把自己的想法告訴 AI 就好，比如我希望調(diào)用 DeepSeek 大模型的 API：

如果你自己也拿不準(zhǔn)，可以讓 AI 幫你分析不同方案的優(yōu)缺點(diǎn)，或者交給它自主決定。

AI 理解你的需求后，會(huì)給出一份結(jié)構(gòu)化的實(shí)施方案。

方案里會(huì)列出要?jiǎng)?chuàng)建哪些文件、每個(gè)文件負(fù)責(zé)什么、實(shí)現(xiàn)步驟的先后順序，以及怎么驗(yàn)證效果。你可以在這一步跟 AI 反復(fù)討論、調(diào)整方案，直到滿(mǎn)意為止。

Plan 模式的本質(zhì)是采用 4 個(gè)階段的迭代工作流：需求研究 → 問(wèn)題對(duì)齊 → 方案設(shè)計(jì) → 迭代細(xì)化。AI 會(huì)先用只讀工具深入研究你的代碼庫(kù)，再通過(guò)交互式問(wèn)答來(lái)消除歧義，最后才給出方案草稿。

其實(shí)這也是軟件開(kāi)發(fā)的標(biāo)準(zhǔn)步驟。即使你不用 Copilot 內(nèi)置的 Plan 模式，也可以通過(guò)提示詞引導(dǎo) AI 先設(shè)計(jì)方案、人工確認(rèn)后再開(kāi)發(fā)執(zhí)行，養(yǎng)成先想清楚再動(dòng)手的好習(xí)慣。

第二步、用 Agent 執(zhí)行方案

確認(rèn)方案沒(méi)問(wèn)題后，點(diǎn)擊方案下方的「Start Implementation」按鈕，讓 AI 開(kāi)始自動(dòng)執(zhí)行，直到實(shí)現(xiàn)方案。

執(zhí)行過(guò)程中，Agent 會(huì)自動(dòng)管理一個(gè) Todos 任務(wù)列表來(lái)跟蹤進(jìn)度。你可以清楚地看到 Agent 在做什么，比如創(chuàng)建index.html、style.css、script.js文件，往里面寫(xiě)代碼，甚至可能會(huì)自動(dòng)打開(kāi)終端執(zhí)行命令。

如果 AI 要跑終端命令或者調(diào)用某些工具，會(huì)彈出確認(rèn)框讓你審批，安全性有保障。

你也可以在 Agent 工作時(shí)繼續(xù)發(fā)消息，選擇排隊(duì)等待、立即打斷、或者引導(dǎo) AI 調(diào)整方向。

建議剛開(kāi)始 AI 編程的朋友多觀(guān)察一下 AI 的工作，發(fā)現(xiàn)不對(duì)勁的時(shí)候趕緊人工插手，可以節(jié)約 Tokens 并避免返工。

第三步、查看效果

幾分鐘后，Agent 不僅完成了開(kāi)發(fā)任務(wù)，還用 Python 啟動(dòng)了個(gè) Web 服務(wù)器，幫我運(yùn)行了網(wǎng)站。

好家伙，這是多一步都不想讓我做?。空者@個(gè)趨勢(shì)，早晚我得退化到 Hello World 水平。

不過(guò)我還是喜歡在 Chrome 瀏覽器中測(cè)試，復(fù)制網(wǎng)址到瀏覽器中打開(kāi)，然后輸入從 DeepSeek 開(kāi)放平臺(tái) 獲取到的大模型 API Key：

輸入一個(gè)問(wèn)題，測(cè)測(cè)俺今年的愛(ài)情運(yùn)勢(shì)，然后點(diǎn)擊「開(kāi)始占卜」：

三張塔羅牌依次翻開(kāi)，下方出現(xiàn) AI 生成的占卜解讀。深紫色的星空背景，搭配金色邊框，再加上流暢的翻牌動(dòng)畫(huà)，效果還真挺唬人的。

我感覺(jué)自己也可以開(kāi)一個(gè)塔羅占卜小攤兒了，應(yīng)該不是錯(cuò)覺(jué)。。。

如果你對(duì)頁(yè)面的某些細(xì)節(jié)不滿(mǎn)意，可以在內(nèi)置瀏覽器中點(diǎn)擊「元素選擇」按鈕，哪里不爽點(diǎn)哪里，然后在 Chat 框里編寫(xiě)提示詞就行，比如：

改為魚(yú)皮塔羅

Agent 會(huì)自動(dòng)定位到對(duì)應(yīng)的代碼并精準(zhǔn)修改，改完你再刷新預(yù)覽就好。

整個(gè)過(guò)程，從寫(xiě)需求到出成品，也就幾分鐘。擱以前，我要是自己從零寫(xiě)這么個(gè)帶動(dòng)畫(huà)的占卜網(wǎng)站，怎么著也得搞一下午。

你還可以繼續(xù)跟 AI 對(duì)話(huà)來(lái)增加功能，整個(gè)過(guò)程中一定要注意上下文的用量，如果滿(mǎn)了 AI 可能會(huì)斷片兒失憶，開(kāi)始亂改。

因此，在上下文快滿(mǎn)的時(shí)候，最好讓 AI 把當(dāng)前項(xiàng)目的信息沉淀為文檔。這樣之后每次打開(kāi)新的 AI 對(duì)話(huà)框時(shí)，只要把歷史文檔交給 AI，就能快速找回記憶。

OK，實(shí)戰(zhàn)體驗(yàn)完了，看到這里你就超過(guò)了 90% 的同學(xué)！

接下來(lái)帶大家看看 GitHub Copilot 的核心特性，這些才是它真正拉開(kāi)差距的地方。

核心特性 Tools - 給 AI 的工具箱

Agent 之所以能自主干活，靠的就是工具調(diào)用（Tool Use）。

工具就是 AI 在執(zhí)行任務(wù)時(shí)可以調(diào)用的各種能力，比如搜索代碼、讀寫(xiě)文件、跑終端命令、抓取網(wǎng)頁(yè)內(nèi)容等等。沒(méi)有工具，AI 就只能動(dòng)嘴皮子教你做事；有了工具，AI 才能真正動(dòng)手幫你干活。

VSCode 給 AI 提供了三種類(lèi)型的工具：

• 內(nèi)置工具：開(kāi)箱即用，包括代碼搜索、文件讀寫(xiě)、終端執(zhí)行、問(wèn)題診斷等常用能力

• MCP 工具：通過(guò) MCP 協(xié)議接入的外部工具（下面會(huì)詳細(xì)講）

• 擴(kuò)展工具：VSCode 插件提供的工具，裝了對(duì)應(yīng)插件就自動(dòng)可用

所有工具都可以通過(guò) Chat 對(duì)話(huà)區(qū)域的「配置工具」按鈕進(jìn)行可視化管理，很方便：

你可以自由開(kāi)啟或關(guān)閉工具，不需要寫(xiě)任何配置文件，比其他 AI 編程工具方便不少。

開(kāi)啟工具后，大多數(shù)情況下 AI 會(huì)自動(dòng)判斷該調(diào)用哪些工具。你也可以在對(duì)話(huà)中用#號(hào)手動(dòng)引用特定工具，比如搜索整個(gè)代碼庫(kù)、codefather.cn抓取某個(gè)網(wǎng)頁(yè)的內(nèi)容、查看當(dāng)前項(xiàng)目的所有報(bào)錯(cuò)。

Agent 執(zhí)行終端命令時(shí)，還有一套安全審批機(jī)制。前面實(shí)戰(zhàn)中我們也看到了，默認(rèn)會(huì)彈確認(rèn)框等待人工確認(rèn)；你也可以配置自動(dòng)審批規(guī)則，甚至開(kāi)啟終端沙箱（目前支持 macOS 和 Linux）來(lái)限制文件和網(wǎng)絡(luò)訪(fǎng)問(wèn)，安全性拉滿(mǎn)。

還有一個(gè)實(shí)用功能叫 Tool Sets（工具集），你可以把多個(gè)相關(guān)工具打包成一組，在對(duì)話(huà)中用一次性引用。

比如創(chuàng)建一個(gè)叫reader的工具集，包含codebase代碼搜索、problems問(wèn)題診斷、usages引用查找等只讀工具，做代碼審查的時(shí)候就很方便。

先在對(duì)話(huà)面板的設(shè)置中打開(kāi)「工具集」，點(diǎn)擊創(chuàng)建新的工具集文件并輸入名稱(chēng)：

然后會(huì)自動(dòng)彈出工具集的配置文件，添加下列代碼并保存即可：

{
  "reader": {
    "tools": ["codebase", "problems", "usages", "search"],
    "description": "只讀工具集，適合代碼審查",
    "icon": "book"
  }
}

配置好之后，在對(duì)話(huà)中輸入就能一次性啟用這組只讀工具了：

MCP - 讓 AI 連接外部能力

MCP（Model Context Protocol）是一種開(kāi)放標(biāo)準(zhǔn)協(xié)議，作用是讓 AI 能夠連接外部工具和服務(wù)。你可以把它想象成給 AI 裝了一個(gè)萬(wàn)能接口，通過(guò)這個(gè)接口，AI 就能操作數(shù)據(jù)庫(kù)、調(diào)用 API、控制瀏覽器等等。

MCP 在 AI 圈已經(jīng)非?；鹆?，各種 AI 編程工具都已支持。但 GitHub Copilot 在管理 MCP 的體驗(yàn)上真是讓我眼前一亮，微軟竟然直接把 MCP 集成到了 VSCode 的擴(kuò)展市場(chǎng)里！

你只需要打開(kāi) VSCode 擴(kuò)展市場(chǎng)，開(kāi)啟 MCP 服務(wù)市場(chǎng)，就能看到一堆熱門(mén)的 MCP 服務(wù)，哪還需要到什么 MCP 資源網(wǎng)站上自己安裝??？！

比如我想使用 Context7 這個(gè)獲取最新技術(shù)文檔的 MCP，點(diǎn)擊安裝后，會(huì)自動(dòng)彈窗讓我輸入 API Key：

確認(rèn)之后，就可以正常使用了。AI 在執(zhí)行任務(wù)時(shí)會(huì)自動(dòng)調(diào)用 MCP 提供的工具，你也可以用#號(hào)主動(dòng)引用。

比如剛才裝好了 Context7，之后讓 AI 寫(xiě)代碼時(shí)它就會(huì)自動(dòng)去拉取最新的技術(shù)文檔作為參考，減少 AI 瞎編 API 用法的情況。

整個(gè)過(guò)程不需要手寫(xiě) JSON 配置，全程可視化選擇和安裝，對(duì)新手特別友好。以前在 Cursor 里配 MCP 還得自己找 JSON 粘貼，這里點(diǎn)點(diǎn)鼠標(biāo)就搞定了~

當(dāng)然，如果你是老手，也可以通過(guò).vscode/mcp.json文件手動(dòng)配置 MCP 服務(wù)。

{
  "servers": {
    "github": {
      "type": "http",
      "url": "https://api.githubcopilot.com/mcp"
    },
    "playwright": {
      "command": "npx",
      "args": ["-y", "@microsoft/mcp-server-playwright"]
    }
  }
}

這個(gè)文件不會(huì)自動(dòng)生成，需要你自己創(chuàng)建，或者通過(guò) VSCode 的命令面板執(zhí)行MCP: Open Workspace Folder Configuration命令來(lái)打開(kāi)：

MCP 服務(wù)除了提供工具之外，還支持 Resources（資源）和 MCP Apps（交互式應(yīng)用）。Resources 可以給 AI 提供數(shù)據(jù)庫(kù)表、API 響應(yīng)等上下文；MCP Apps 則能在對(duì)話(huà)中渲染表單、儀表盤(pán)等交互式 UI 組件，體驗(yàn)拉滿(mǎn)。

此外，VSCode 還能自動(dòng)發(fā)現(xiàn)其他應(yīng)用中已配置的 MCP 服務(wù)，省去重復(fù)配置的麻煩，在 VSCode 聊天設(shè)置中搜索chat.mcp.discovery.enabled即可開(kāi)啟。

MCP 配置也支持通過(guò) Settings Sync 跨設(shè)備同步，在同步設(shè)置中勾選「MCP 服務(wù)器」選項(xiàng)，換電腦不用重新配一遍。

Agent Skills - 給 AI 的技能包

Agent Skills 是給 AI 準(zhǔn)備的能力擴(kuò)展包。和前面提到的 Tools 不同，Skills 更像是一份詳細(xì)的工作手冊(cè)，里面包含操作指南、腳本、示例代碼等資源，讓 AI 在特定任務(wù)上表現(xiàn)更專(zhuān)業(yè)。

比如你給 AI 裝個(gè)「Web 應(yīng)用測(cè)試」的 Skill，里面寫(xiě)好了用 Playwright 寫(xiě)測(cè)試的標(biāo)準(zhǔn)流程、示例模板、最佳實(shí)踐。之后你讓 AI 幫你寫(xiě)測(cè)試，它就會(huì)自動(dòng)按照這套標(biāo)準(zhǔn)來(lái)，而不是每次都瞎寫(xiě)一通。

注意，Skills 是一個(gè) 開(kāi)放標(biāo)準(zhǔn)，不僅在 Github Copilot 里能用，Claude Code、Cursor 等 AI 編程工具中也能用，一套 Skill 多處復(fù)用，這也是它能火的原因之一。

從哪兒搞到 SKills 呢？

大多數(shù)情況下，直接從網(wǎng)上安裝別人開(kāi)發(fā)好的 SKills 就可以了。比如 魚(yú)皮 AI 導(dǎo)航的 Skills 大全 里有我給大家精選的技能包，也可以去 GitHub 上的 awesome-copilot 倉(cāng)庫(kù)逛逛，社區(qū)貢獻(xiàn)了不少實(shí)用的 Skills，拿來(lái)就能用。

在 VSCode 中，你可以通過(guò)對(duì)話(huà)框的 Skills 設(shè)置按鈕，查看和管理本地已有的 SKills：

當(dāng)然，你也可以自己創(chuàng)建 Skills，可以通過(guò)可視化界面選擇安裝位置，比如安裝在當(dāng)前項(xiàng)目下（僅本項(xiàng)目能用），還是安裝到用戶(hù)目錄下（整個(gè)電腦的所有項(xiàng)目都能用）：

創(chuàng)建技能的核心是編寫(xiě)SKILL.md技能描述文件，比如創(chuàng)建一個(gè)「Web 應(yīng)用測(cè)試」技能，文檔內(nèi)容示例如下：

---
name: webapp-testing
description: 使用 Playwright 測(cè)試 Web 應(yīng)用的指南，當(dāng)需要?jiǎng)?chuàng)建或運(yùn)行瀏覽器測(cè)試時(shí)使用
---

 # Web 應(yīng)用測(cè)試指南

 ## 創(chuàng)建測(cè)試
1. 參考 [測(cè)試模板](./test-template.js)
2. 確定要測(cè)試的用戶(hù)流程
3. 在 tests/ 目錄創(chuàng)建新的測(cè)試文件
4. 使用 Playwright 的定位器來(lái)查找元素

 ## 運(yùn)行測(cè)試
運(yùn)行命令：npx playwright test

 ## 最佳實(shí)踐
- 為動(dòng)態(tài)內(nèi)容使用 data-testid 屬性
- 保持測(cè)試獨(dú)立和原子化
- 使用 Page Object Model 組織復(fù)雜頁(yè)面的測(cè)試

Skill 創(chuàng)建好之后，你可以在對(duì)話(huà)區(qū)域里用/webapp-testing斜杠命令手動(dòng)調(diào)用它，也可以讓 AI 根據(jù)任務(wù)自動(dòng)匹配加載。

Skills 采用漸進(jìn)式披露的設(shè)計(jì)，AI 只在需要時(shí)才加載相關(guān) Skill 的內(nèi)容，不會(huì)一次性把所有信息都塞進(jìn)上下文，既節(jié)省 Token 又保持靈活。即使裝了幾十個(gè) Skill 也不用擔(dān)心上下文爆炸。

多種 Agent 運(yùn)行方式

前面實(shí)戰(zhàn)中，我們用的是本地 Agent，但其實(shí) GitHub Copilot 支持 4 種 Agent 運(yùn)行方式，適合不同的使用場(chǎng)景：

運(yùn)行方式

特點(diǎn)

適用場(chǎng)景

Local 本地

在 VSCode 中交互式運(yùn)行，實(shí)時(shí)反饋

探索性任務(wù)、需要即時(shí)反饋的開(kāi)發(fā)

Background 后臺(tái)

在本地后臺(tái)自主運(yùn)行，使用 Git worktree 隔離

需求明確的任務(wù)，你想邊干別的邊讓 AI 干活

Cloud 云端

在遠(yuǎn)程服務(wù)器運(yùn)行，完成后自動(dòng)提 PR

團(tuán)隊(duì)協(xié)作、不想占用本地資源的任務(wù)

Third-party 第三方

接入 Anthropic Claude、OpenAI 等第三方 Agent

想用特定 AI 廠(chǎng)商的能力

你可以在 Chat 對(duì)話(huà)區(qū)域底部的下拉菜單中隨時(shí)切換不同的運(yùn)行方式：

有個(gè)騷操作是，你可以在不同的 Agent 之間移交任務(wù)。比如先用本地 Agent 做個(gè) Plan，覺(jué)得方案沒(méi)問(wèn)題了，一鍵移交給 Cloud Agent 去執(zhí)行，它會(huì)自動(dòng)創(chuàng)建分支、寫(xiě)代碼、跑測(cè)試、最后提一個(gè) Pull Request 給你的團(tuán)隊(duì)審查。

你還可以同時(shí)開(kāi)多個(gè) Agent Session，每個(gè) Session 處理不同的任務(wù)，在 Chat 面板的 Sessions 列表中統(tǒng)一管理、查看狀態(tài)、切換任務(wù)。

就像 Claude Code 可以同時(shí)開(kāi)多個(gè)終端 Tab 一樣，Copilot 的 Sessions 列表讓你在一個(gè)面板里統(tǒng)一管理所有 AI 任務(wù)的狀態(tài)，這是 GitHub 官方文檔中重點(diǎn)推薦的工作流。

Hooks - 自動(dòng)觸發(fā)的腳本

Hooks 允許你在 Agent 執(zhí)行的關(guān)鍵節(jié)點(diǎn)自動(dòng)運(yùn)行自定義腳本。簡(jiǎn)單來(lái)說(shuō)，就是在 Agent 工作流程的特定時(shí)機(jī)，自動(dòng)執(zhí)行你預(yù)設(shè)好的命令。

你可以在 VSCode 設(shè)置中查看和管理已配置的 Hooks：

目前支持的生命周期事件包括：

• PreToolUse：Agent 調(diào)用工具前觸發(fā)，比如攔截rm -rf等危險(xiǎn)命令

• PostToolUse：Agent 調(diào)用工具后觸發(fā)，比如自動(dòng)跑 Prettier 格式化代碼

• SessionStart / Stop：Agent 會(huì)話(huà)開(kāi)始和結(jié)束時(shí)觸發(fā)（官方事件名分別是 SessionStart 和 Stop），比如在會(huì)話(huà)開(kāi)始時(shí)自動(dòng)注入項(xiàng)目上下文，會(huì)話(huà)結(jié)束時(shí)生成工作報(bào)告

• UserPromptSubmit：用戶(hù)提交提示詞時(shí)觸發(fā)，比如審計(jì)用戶(hù)請(qǐng)求、注入系統(tǒng)上下文

• SubagentStart / SubagentStop：子智能體啟動(dòng)和完成時(shí)觸發(fā)，比如跟蹤子任務(wù)的執(zhí)行情況和資源消耗

舉個(gè)例子，在項(xiàng)目的.github/hooks/目錄下創(chuàng)建 JSON 配置文件，填入下列代碼：

{
  "hooks": {
    "PostToolUse": [
      {
        "type": "command",
        "command": "npx prettier --write \"$TOOL_INPUT_FILE_PATH\""
      }
    ]
  }
}

這樣每次 Agent 調(diào)用工具修改了代碼文件，都會(huì)自動(dòng)跑一遍 Prettier 代碼美化工具，保證代碼風(fēng)格統(tǒng)一。

Hooks 的應(yīng)用場(chǎng)景很多，比如自動(dòng)格式化代碼、攔截危險(xiǎn)命令（rm -rf和DROP TABLE，防止刪庫(kù)跑路）、記錄每一次工具調(diào)用便于排查問(wèn)題。而且 Hooks 的配置格式和 Claude Code 是兼容的，如果你之前在 Claude Code 里配過(guò) Hooks，可以直接復(fù)用。

Custom Instructions - 讓 AI 遵循你的規(guī)范

自定義指令就是給 AI 定規(guī)矩。

你把編碼規(guī)范、技術(shù)偏好、項(xiàng)目約定寫(xiě)到一個(gè) Markdown 文件里，AI 在每次對(duì)話(huà)時(shí)都會(huì)自動(dòng)遵循這些規(guī)則，不需要每次都重復(fù)說(shuō) “用 TypeScript 寫(xiě)”、“變量名不要用 a b c” 之類(lèi)的。

其實(shí)這個(gè)概念和 AGENTS.md 類(lèi)似，都是通過(guò)文件來(lái)告訴 AI 項(xiàng)目的規(guī)范和約定。區(qū)別在于 Copilot 的指令文件路徑是.github/copilot-instructions.md，而且支持更細(xì)粒度的文件模式匹配（類(lèi)似 Cursor 的 Rules）。

創(chuàng)建指令的方式很簡(jiǎn)單，在對(duì)話(huà)區(qū)域的設(shè)置中打開(kāi)「聊天指令」，然后選擇創(chuàng)建位置：

或者手動(dòng)在項(xiàng)目根目錄下新建.github/copilot-instructions.md文件，填入內(nèi)容即可，比如：

# 項(xiàng)目編碼規(guī)范

 ## 代碼風(fēng)格
- 使用語(yǔ)義化 HTML5 元素
- 優(yōu)先使用 ES6+ 語(yǔ)法（const/let、箭頭函數(shù)、模板字符串）
- 變量命名使用 camelCase，組件命名使用 PascalCase

 ## 技術(shù)偏好
- 前端框架優(yōu)先用 React + TypeScript
- CSS 使用 Tailwind CSS
- 測(cè)試使用 Vitest

 ## 代碼質(zhì)量
- 函數(shù)和變量名要有意義，能自解釋
- 復(fù)雜邏輯要加注釋
- 用戶(hù)輸入和 API 調(diào)用要加錯(cuò)誤處理

VSCode 支持兩種指令類(lèi)型。一種是全局生效的指令（Always-on），所有對(duì)話(huà)都會(huì)自動(dòng)應(yīng)用；另一種是基于文件模式匹配的指令（File-based），比如.tsx文件用 React 組件規(guī)范，.test.ts文件用測(cè)試規(guī)范，只有匹配到對(duì)應(yīng)文件時(shí)才生效。

像下面這種帶 YAML 頭部的結(jié)構(gòu)，就是 File-based 指令的標(biāo)準(zhǔn)寫(xiě)法，通過(guò)description字段描述何時(shí)生效、applyTo字段指定匹配的文件模式：

還有個(gè)小技巧，在對(duì)話(huà)區(qū)域里輸入/init，AI 會(huì)自動(dòng)分析你的項(xiàng)目結(jié)構(gòu)和代碼風(fēng)格，幫你生成一份自定義指令文件，省得自己從零寫(xiě)起。這個(gè)命令特別適合接手老項(xiàng)目、或者在已有項(xiàng)目上擴(kuò)展功能的場(chǎng)景，AI 能幫你快速梳理出項(xiàng)目已有的編碼習(xí)慣。

Custom Agents - 給 AI 分配角色

自定義智能體就是給 AI 分配不同的角色。比如你可以創(chuàng)建一個(gè)安全審查員、測(cè)試工程師、架構(gòu)師等角色，每個(gè)角色有自己的指令、工具權(quán)限和行為規(guī)則。

跟 Custom Instructions 自定義指令不一樣的是，Instructions 是全局規(guī)則，不管你跟 AI 聊什么它都會(huì)遵循；而 Custom Agents 是角色切換，你選了某個(gè)角色后，AI 就只按那個(gè)角色的設(shè)定來(lái)工作，包括能用哪些工具、不能做哪些操作，都由角色定義。

創(chuàng)建自定義智能體的方式有兩種。

一種是在對(duì)話(huà)區(qū)域的設(shè)置中打開(kāi)「自定義智能體」，選擇創(chuàng)建位置（當(dāng)前項(xiàng)目或用戶(hù)目錄），VSCode 會(huì)自動(dòng)創(chuàng)建對(duì)應(yīng)的文件：

另一種方法是手動(dòng)寫(xiě)一個(gè).agent.md文件放在.github/agents/目錄下。比如創(chuàng)建一個(gè)寫(xiě)作助手article.agent.md：

---
name: 寫(xiě)作助手
description: 幫助撰寫(xiě)和優(yōu)化技術(shù)文章、項(xiàng)目文檔
tools: ['search', 'codebase', 'fetch', 'editFiles']
---

 # 寫(xiě)作助手

 你是一位經(jīng)驗(yàn)豐富的技術(shù)寫(xiě)作者，擅長(zhǎng)把復(fù)雜的技術(shù)概念講得通俗易懂。

 ## 寫(xiě)作風(fēng)格
- 用口語(yǔ)化的表達(dá)，像跟朋友聊天一樣
- 段落要短，避免大段文字堆砌
- 適當(dāng)加入類(lèi)比和例子幫助理解

 ## 重要規(guī)則
- 先列大綱，確認(rèn)后再寫(xiě)正文
- 每段都要有明確的主題
- 技術(shù)術(shù)語(yǔ)第一次出現(xiàn)時(shí)要解釋

保存后，在對(duì)話(huà)區(qū)域的智能體下拉菜單中就能看到這個(gè)寫(xiě)作助手了，選中它 AI 就會(huì)按照你定義的角色來(lái)工作。

自定義智能體還有一個(gè)更強(qiáng)大的玩法，叫 Handoffs（移交）。你可以在 Agent 文件中定義「下一步動(dòng)作」按鈕，實(shí)現(xiàn)智能體之間的任務(wù)接力。

比如 Plan 智能體出完方案后，底部出現(xiàn)一個(gè)「開(kāi)始實(shí)現(xiàn)」按鈕，點(diǎn)一下就自動(dòng)切換到 Agent 模式開(kāi)始編碼，把方案的上下文完整傳遞過(guò)去：

handoffs:
  - label: 開(kāi)始實(shí)現(xiàn)        # 按鈕上顯示的文字
    agent: agent           # 移交給哪個(gè)智能體
    prompt: 按照上面的方案開(kāi)始編碼  # 自動(dòng)填入的提示詞
    send: false            # false 表示不自動(dòng)發(fā)送，等你確認(rèn)后再發(fā)

除了 Handoffs，你還可以編排多個(gè)專(zhuān)業(yè)智能體的協(xié)作流程。

假設(shè)你在做一個(gè)新功能，需要先調(diào)研項(xiàng)目里已有的代碼模式，再動(dòng)手寫(xiě)代碼。你可以創(chuàng)建一個(gè)「功能開(kāi)發(fā)」主智能體，讓它先調(diào)用一個(gè)只讀的「調(diào)研員」子智能體來(lái)分析代碼庫(kù)中的相關(guān)模塊和設(shè)計(jì)模式，拿到分析結(jié)果后，再調(diào)用「編碼員」子智能體按照分析出的模式來(lái)寫(xiě)新代碼。這種多智能體編排在做復(fù)雜功能時(shí)特別實(shí)用，每個(gè)角色各司其職，比單個(gè) AI 亂寫(xiě)一氣靠譜得多。

VSCode 還支持 Claude 格式的 Agent 文件（放在.claude/agents目錄），如果你之前用 Claude Code 創(chuàng)建過(guò)自定義 Agent，可以直接拿過(guò)來(lái)用，無(wú)縫兼容。

Prompt Files - 可復(fù)用的提示詞模板

Prompt Files（提示詞文件）可以把你常用的任務(wù)封裝成斜杠命令，在對(duì)話(huà)中隨時(shí)復(fù)用。

比如你經(jīng)常需要生成 React 組件、執(zhí)行安全審查、編寫(xiě)單元測(cè)試，每次都得重復(fù)輸入類(lèi)似的提示詞，而有了 Prompt Files 之后就不用了。

跟自定義指令的區(qū)別是，自定義指令會(huì)自動(dòng)應(yīng)用到所有對(duì)話(huà)，而 Prompt Files 需要你手動(dòng)在對(duì)話(huà)中輸入/命令名來(lái)觸發(fā)，更適合特定任務(wù)場(chǎng)景。

創(chuàng)建方式跟自定義指令完全類(lèi)似，在對(duì)話(huà)區(qū)域的設(shè)置中打開(kāi)「提示文件」，在彈出的對(duì)話(huà)框中選擇「新建提示文件」：

然后選擇創(chuàng)建位置（當(dāng)前項(xiàng)目或用戶(hù)目錄），VSCode 會(huì)自動(dòng)創(chuàng)建對(duì)應(yīng)的文件：

你也可以直接在.github/prompts/目錄下創(chuàng)建.prompt.md文件。舉個(gè)例子，創(chuàng)建一個(gè)/gen-test命令來(lái)自動(dòng)生成單元測(cè)試：

---
description: 為當(dāng)前文件生成單元測(cè)試
agent: agent
tools: ['search', 'search/codebase', 'edit/editFiles']
---
為 [${fileBasename}](${file}) 生成單元測(cè)試。


 - 測(cè)試文件放在同目錄下：${fileDirname}
- 命名為：${fileBasenameNoExtension}.test.ts
- 測(cè)試框架：${input:framework:jest or vitest}
- 參考項(xiàng)目的測(cè)試規(guī)范：[testing.md](../docs/testing.md)

這里面用到了一些變量，比如${file}會(huì)自動(dòng)替換為當(dāng)前打開(kāi)的文件路徑，${input:framework}是指要從用戶(hù)在對(duì)話(huà)框中輸入的內(nèi)容來(lái)獲取值。

保存后，在對(duì)話(huà)框中輸入/gen-test就能觸發(fā)。你還可以在后面追加額外信息，比如/gen-test 只測(cè)試登錄相關(guān)的函數(shù)。

Smart Actions - AI 快捷操作

除了上面這些核心特性，Copilot 還在 VSCode 的各個(gè)角落埋了不少 AI 快捷操作，叫 Smart Actions。你不需要寫(xiě)提示詞，右鍵菜單就能觸發(fā)。

常用的有以下這些，可以先跳過(guò)，等需要的時(shí)候再回來(lái)看：

• 自動(dòng)生成 Commit Message：在 Source Control 面板點(diǎn)一下小星星圖標(biāo)，AI 就根據(jù)你的代碼改動(dòng)自動(dòng)生成提交信息

• 代碼解釋?zhuān)哼x中一段代碼，右鍵「Explain」，AI 幫你解釋這段代碼在干啥

• 生成測(cè)試：選中代碼，右鍵「Generate Tests」，AI 幫你寫(xiě)單元測(cè)試

• 生成文檔：選中代碼，右鍵「Generate Docs」，AI 幫你寫(xiě)注釋文檔

• 修復(fù)錯(cuò)誤：代碼有報(bào)錯(cuò)時(shí)，AI 會(huì)自動(dòng)彈出修復(fù)建議

• 代碼審查：選中代碼，右鍵「Review」，AI 給你做 Code Review

• 語(yǔ)義搜索：在搜索面板中啟用 AI 搜索，按語(yǔ)義而非文本精確匹配來(lái)搜索代碼

• AI 輔助重命名：重命名變量時(shí)，AI 會(huì)根據(jù)上下文給出建議的新名字

我自己平時(shí)用的最多的就是自動(dòng)生成 Commit Message，再也不用絞盡腦汁想提交信息怎么寫(xiě)了。

這些小功能單個(gè)看起來(lái)不起眼，但用起來(lái)真的能省不少事。

恭喜，看到這里你就超過(guò)了 99% 的同學(xué)！

總結(jié)一下，VSCode + GitHub Copilot 給我最大的感覺(jué)就是全面。

實(shí)話(huà)說(shuō)，論 Agent 編程的極致體驗(yàn)，Claude Code 還是更強(qiáng)一些；論新功能推出的速度和迭代節(jié)奏，Cursor 也一直走在前面。

但 Copilot 勝在它是 “六邊形戰(zhàn)士”，從代碼補(bǔ)全到 AI 對(duì)話(huà)、從 Agent 編程到 MCP 生態(tài)、從自定義指令到智能體編排，AI 編程該有的能力它基本都有了，而且每個(gè)方面的體驗(yàn)都很絲滑。

此外，我估計(jì)很多同學(xué)在 AI 流行之前就一直在用 VSCode，現(xiàn)在裝個(gè)插件就能無(wú)縫升級(jí)到 AI 編程，不用換編輯器、不用重新學(xué)操作、不用遷移配置，使用門(mén)檻是最低的。

感興趣的同學(xué)可以去試試，記得先白票 30 天的 Pro 試用~ 而且如果你是在校學(xué)生，還可以通過(guò) GitHub Education 申請(qǐng)學(xué)生認(rèn)證，認(rèn)證通過(guò)后 Copilot Pro 直接免費(fèi)用，不限時(shí)！我在學(xué)校的時(shí)候咋沒(méi)有這種好事？

對(duì)了，如果你想用 GitHub Copilot 做更復(fù)雜的全棧項(xiàng)目實(shí)戰(zhàn)，可以跟著魚(yú)皮最新的 練手，我?guī)痛蠹覝y(cè)過(guò)了，企業(yè)級(jí)大項(xiàng)目 Copilot 也完全能 hold 住。

就寫(xiě)到這，吃飯去了，覺(jué)得有用的話(huà)記得收藏這篇文章，也歡迎在評(píng)論區(qū)聊聊你喜歡用哪款 AI 編程工具，幫到更多同學(xué)做選擇。

一些對(duì)大家有用的資源：
100+ 編程學(xué)習(xí)路線(xiàn) / 實(shí)戰(zhàn)項(xiàng)目 / 求職指導(dǎo)
100+ 簡(jiǎn)歷模板
300+ 企業(yè)面試題庫(kù) mianshiya.com
500+ AI 資源大全
1 對(duì) 1 模擬面試
動(dòng)畫(huà)學(xué)算法教程