編輯

在 VS Code 中使用 GitHub Copilot

GitHub Copilot 是一款整合在 Visual Studio Code 中的 AI 程式設計助手。它能根據自然語言提示和現有程式碼上下文，提供程式碼建議、解釋和自動化實現。Copilot 基於公共程式碼倉庫進行訓練，可以協助處理大多數程式語言和框架。

核心功能

程式碼補全

當您輸入時，Copilot 會提供行內程式碼建議，範圍從單行補全到整個函式實現。透過“下一處編輯建議”功能，它能根據您當前的上下文預測下一個合乎邏輯的程式碼更改。

示例

輸入 function calculateTax( 即可獲得一個完整的稅收計算實現
編寫 // Create a REST API endpoint for user authentication（// 為使用者認證建立一個 REST API 端點）即可生成 Express.js 路由程式碼
以 const UserProfile = ({ 開始編寫一個 React 元件，即可獲得一個帶有 TypeScript 型別的完整函式式元件

瞭解更多關於 VS Code 中的程式碼補全。

自主程式設計

VS Code 和代理模式（agent mode）可以自主規劃和執行復雜的開發任務，協調涉及執行終端命令或呼叫專門工具的多步驟工作流。它能將高層次的需求轉化為可執行的程式碼。

從 Marketplace 擴充套件中安裝模型上下文協議（MCP）伺服器或工具，可以進一步增強自主程式設計體驗的能力。例如，從資料庫中拉取資訊或連線到外部 API。

任務示例

使用 OAuth 實現身份驗證
將程式碼庫遷移到新的框架或語言
除錯失敗的測試並應用修復
最佳化整個應用程式的效能

自然語言聊天

透過聊天介面，使用自然語言與您的程式碼庫進行互動。您可以使用對話式提示來提問、請求解釋或指定程式碼更改。

使用單個提示，即可在專案中的多個檔案之間應用更改。Copilot 會分析您的專案結構並進行協調修改。

常見查詢

“這個專案中的身份驗證是如何工作的？”
“資料處理函式中的記憶體洩漏是什麼原因造成的？”
“為支付處理服務新增錯誤處理”
“新增一個登入表單和後端 API”

Screenshot of the Chat view, showing the response to asking how to add a login page to a web app.

瞭解更多關於在 VS Code 中使用聊天。

智慧操作

VS Code 預定義了許多針對常見開發任務的操作，這些操作透過 AI 功能得到增強並整合到編輯器中。

從幫助您編寫提交資訊或拉取請求描述，到重新命名程式碼符號、修復編輯器中的錯誤，再到幫助您查詢相關檔案的語義搜尋。

Screenshot of the Smart Actions menu in VS Code

瞭解更多關於 VS Code 中的智慧操作。

入門

第 1 步：設定 Copilot

將滑鼠懸停在狀態列中的 Copilot 圖示上，然後選擇設定 Copilot (Set up Copilot)。
選擇一種登入方式並按照提示操作。如果您還沒有 Copilot 訂閱，您將被註冊到 Copilot 免費計劃。

第 2 步：基本程式碼補全

建立一個新檔案並開始輸入。VS Code 會在編輯器中以灰色文字的形式顯示行內建議。

例如，建立一個新的 JavaScript 檔案並開始輸入一個函式定義
```
// Try typing this in a new .js file:
function factorial(
```
使用 Tab 鍵接受行內建議。

第 3 步：自主程式設計

要以自主方式執行更復雜的任務，請在聊天介面中使用代理模式。AI 將會迭代處理程式碼，直到任務完成。

開啟聊天檢視 (⌃⌘I (Windows、Linux 為 Ctrl+Alt+I))
從聊天模式下拉列表中選擇代理 (Agent)
要求生成一個基礎 Web 應用，例如：“建立一個用於分享食譜的基礎 node.js web 應用。讓它看起來現代且響應式。”

注意代理是如何獨立地在多個檔案中生成程式碼，並根據任務需要安裝依賴項的。

第 4 步：行內聊天

要直接在編輯器中獲得生成、重構或解釋程式碼的幫助，您可以使用編輯器行內聊天。輸入一個提示，AI 將在當前檔案中建議程式碼更改，讓您保持在程式設計流程中。

在編輯器中選擇一些程式碼
按 ⌘I (Windows、Linux 為 Ctrl+I) 開啟編輯器行內聊天
要求解釋或進行修改，例如：“將這段程式碼重構為...”
審查並接受建議的更改

使用場景

程式碼分析和審查

理解現有程式碼庫並識別問題

“解釋一下這個應用程式中的身份驗證流程”
“這個支付處理程式中存在哪些潛在的安全問題？”
“用標準的 JSDoc 註釋為這個 API 端點編寫文件”

除錯和故障排除

識別並解決程式碼問題

“為什麼這個元件會不必要地重新渲染？”
“找出並修復這個資料處理管道中的記憶體洩漏”
“最佳化這條資料庫查詢以獲得更好的效能”

瞭解更多關於使用 AI 進行除錯。

功能實現

構建新功能

“建立一個帶電子郵件驗證的使用者註冊系統”
“使用 WebSockets 新增即時通知功能”
“實現一個使用本地儲存持久化的購物車”

測試和質量保證

生成測試並確保程式碼質量

“為這個服務類生成全面的單元測試”
“為這些 API 端點建立整合測試”
“為這個資料驗證函式新增基於屬性的測試”

瞭解更多關於使用 AI 進行測試。

學習和文件

理解新技術和模式

“給我展示一下 async/await 和 Promises 之間的區別”
“如果用 Go 而不是 Python，你會如何實現這個模式？”
“在 React 中處理錯誤的最佳實踐是什麼？”

根據您的工作流定製 AI

自定義指令

使用自定義指令來定義專案特定的編碼約定和模式，AI 將生成符合您風格的程式碼。您可以將這些指令自動應用於所有聊天請求，或僅針對特定檔案型別。

---
applyTo: "**"
---
# My Coding Style
- Use arrow functions for components
- Prefer const over let
- Always include TypeScript types
- Use descriptive variable names
- Follow the Repository pattern for data access