重點整理
- 透過 Diff 面板清楚比對 AI 新增與刪除的程式碼。
- 使用 Terminal 面板直接在 app 內執行指令測試專案。
- 利用 Browser 面板預覽網頁成果，並使用內建工具微調細節。
- 掌握「改了什麼、能跑嗎、有用嗎」三大驗收原則。
當企業開始讓 AI 幫忙寫程式或修改網站時，老闆或專案經理最常擔心的就是：「AI 到底改了什麼？會不會把網站弄壞？」過去，要確認這些問題，工程師必須在編輯器、命令列和瀏覽器之間不斷切換視窗。現在，GitHub Copilot app 將這些步驟整合在同一個介面中，讓審查、執行與預覽變得簡單，即使是非技術背景的專案管理者，也能更清楚地掌控 AI 的產出品質。
用 Diff 面板看懂 AI 到底改了什麼
當 AI 代理人（Agent）修改了你的程式碼，第一步當然是檢查它改了哪裡。在 GitHub Copilot app 中，Diff 面板就是用來做這件事的。Diff 是一種新舊程式碼的比對功能，它會用綠色標示 AI 新增的內容，用紅色標示被刪除的內容。
這個面板能給你完整的透明度，讓你清楚知道每一行程式碼的變化。更重要的是，最終決定權在你手上。你可以選擇接受這些修改、留下評論，或是直接要求 Copilot 重新調整。這確保了 AI 只是輔助，人類依然掌握最終的控制權。
用 Terminal 面板直接執行與測試
看懂程式碼後，下一步就是實際跑跑看。Terminal 面板（也就是命令列視窗，用來輸入指令與電腦溝通的地方）讓你不用離開 Copilot app，就能直接在工作階段中執行指令。
如果你對黑底白字的畫面感到陌生也不用擔心，通常你只需要執行專案本身的指令並查看結果。例如，假設你正在開發一個網站，你可以設定一個啟動開發伺服器的腳本，點擊「Run」按鈕就能啟動網站。此外，這個面板支援同時開啟多個終端機視窗，讓你可以靈活切換並執行不同的測試指令。
用 Browser 面板預覽成果與微調細節
對於有使用者介面的專案（例如網站），Browser 面板能幫你完成最後一哩路。這個面板讓你可以直接在 app 內打開網站，就像真實使用者一樣測試新功能。
如果你發現某些地方需要調整，可以使用內建的 Pick & Polish 工具。這個工具允許你直接在網頁上選取某個元素，然後讓 AI 代理人針對該元素進行微調。修改完成後，你可以再次執行啟動指令，確認修改後的成果是否符合預期。
崴米的建議
將審查、執行與預覽整合在同一個介面，能讓 AI 產出的程式碼變得安全且可控。對於正在考慮導入 AI 開發工具的中小企業，崴米提供以下幾點建議：
- 建立 AI 程式碼的「驗收三問」SOP：在接受 AI 的修改前，務必確認三個問題：「改了什麼？能正常執行嗎？實際運作符合需求嗎？」這能確保 AI 產出真正解決問題，而不是製造新問題。
- 善用整合工具降低溝通與切換成本：像 GitHub Copilot app 這樣將 Diff、Terminal 與 Browser 整合的工具，能大幅減少團隊在不同軟體間切換的時間。企業在評估開發工具時，可將「介面整合度」列入考量，以提升整體協作效率。
- 循序漸進導入 AI 輔助開發：如果公司還沒有專屬的工程師團隊，可以考慮委託專業的網頁設計公司，利用成熟的 AI 工具與開發流程，為您打造安全、穩定且符合需求的網站與數位應用。
參考來源：GitHub Copilot app for Beginners: Using the diff, terminal, and browser
