💡 前言

進入第四週 Week 4：AI 輔助開發與進階除錯，我們要來探索近年來徹底顛覆軟體工程界的神兵利器——AI 程式碼輔助工具。

過去寫程式遇到卡關時，我們需要頻繁切換瀏覽器去 Google 搜尋 Stack Overflow；或是寫重複性極高的迴圈與資料驗證時，只能一個字一個字慢慢敲。現在，透過在 VS Code 中整合 GitHub Copilot、Gemini 或是 Codeium 等 AI 助手，AI 不僅能「預測」你下一步想寫什麼程式碼，還能透過自然語言直接幫你生成完整的演算法邏輯！

今天 Day 17 就帶大家來看看如何在 VS Code 中啟用並駕馭 AI 輔助開發！

🎯 本篇重點

1. 現代 VS Code 的 AI 生態系介紹
2. 安裝與登入 AI 輔助套件 (GitHub Copilot / Gemini)
3. 兩大核心功能：Ghost Text (行內預測) 與 Chat (對話窗)
4. 寫出高效 Prompt（提示詞）的 3 個心法

🤖 1. 認識 VS Code 的 AI 助手

目前在 VS Code 中最主流的 AI 工具主要有：
• GitHub Copilot：結合 OpenAI 模型的微軟官方 AI 助手，支援極佳的程式碼自動補全與行內聊天。
• Gemini in VS Code / Codeium / Continue：提供豐富的對話、程式碼重構與開源替代方案。

無論選擇哪一款，安裝後它們都會深度嵌入你的編輯器介面，成為你隨傳隨到的 24 小時ペア程式設計師 (Pair Programmer)。

⚡ 2. 兩大核心殺手級功能

功能一：Ghost Text（行內自動補全 / 預測文字）

當你在編輯器中輸入一個函式名稱，或是寫下一個註解時（例如 // 計算陣列中的質數）：
• AI 會以灰色半透明字體 (Ghost Text) 直接在游標後方預測並寫出接下來的程式碼。
• 操作方式：覺得寫得不錯？按下 Tab 鍵即可直接接受並將程式碼寫入；如果覺得不滿意，繼續打字或按 Esc 忽略即可。

功能二：Inline Chat 與 Chat Panel（對話與行內重構）

• Chat Panel (側邊欄對話)：按下快捷鍵 Ctrl + Alt + I（或點擊側邊欄圖示），你可以直接用中文或英文詢問：「這段程式碼有什麼效能瓶頸？」或「請幫我寫一個驗證 Email 格式的 RegEx」。
• Inline Chat (行內對話)：選取一段程式碼後按下 Ctrl + I，直接在畫面中間彈出輸入框對 AI 說：「把這段 JavaScript 改寫成 Arrow Function」，AI 就會即時幫你重構。

💡 3. 寫出高效 Prompt的 3 個心法

要讓 AI 幫你寫出高品質的程式碼，下指令時可以遵循以下原則：

1. 給定明確的情境與技術堆疊：
   ❌ 壞範例：「寫一個讀取檔案的程式。」
   ⭕ 好範例：「使用 Node.js 的 fs 模組，寫一個非同步讀取 data.json 並捕捉例外錯誤的函式。」
2. 善用註解引導 (Comment-driven Development)：
   在程式碼中先寫一行詳細註解（例如 // 根據使用者輸入的關鍵字過濾產品清單，並依價格由低到高排序），然後換行，AI 往往就能瞬間把對應的演算法完美實現。
3. 分段拆解複雜任務：
   不要試圖叫 AI 一次寫完一整套電商系統。先讓它寫資料庫連線、再寫 API 路由、最後寫前端介面，分步驗證最穩健。