本教學將引導您將 OpenAI 強大的 Codex 編碼代理直接整合到Visual Studio Code環境中。該工具可充當 AI 配對程式設計師，能夠理解複雜的提示，從而執行命令、編寫程式碼、執行測試，甚至從頭開始建立整個應用程式。
在開始之前，請確保您已準備好以下內容：
-
Visual Studio Code：您的機器上安裝了最新版本。
-
ChatGPT Plus 帳戶：Codex 代理擴充功能需要付費的 OpenAI 訂閱（ChatGPT Plus、Team、Pro 或 Enterprise）才能運作。
步驟 1：安裝 Codex 擴充
首先，您需要將官方的 OpenAI 擴充功能新增到 VS Code。
-
啟動 Visual Studio Code。
-
點擊左側邊欄上的圖示導覽至擴充視圖。
-
在搜尋欄中輸入 Codex。
-
在搜尋結果中，找到並選擇 Codex——OpenAI 發布的 OpenAI 編碼代理程式。選擇官方擴充功能對於確保其功能正常且安全至關重要。
-
點擊“安裝”按鈕。系統可能會提示您信任發布者；確認後繼續。
按 Enter 鍵或按一下即可查看完整尺寸的影像
第 2 步：登入並驗證
安裝後，您必須將擴充功能連接到您的 OpenAI 帳戶。
-
安裝完成後，活動列右上角會出現一個新的 Codex 圖示。點擊它即可開啟 Codex 面板。
-
在 Codex 面板中，按一下使用 ChatGPT 登入按鈕。
-
您的預設網頁瀏覽器將會打開，提示您登入您的 OpenAI 帳戶。
-
成功登入後，您將通過身份驗證，並且 VS Code 中的 Codex 面板將啟動並可供使用。
按 Enter 鍵或按一下即可查看完整尺寸的影像
步驟3：了解Codex介面
主聊天面板：這是您與客服人員互動的地方。面板底部包含幾個重要的設定：
環境：選擇 Codex 執行其指令的位置。
-
本地工作：代理將使用您本地電腦的檔案系統和終端。您必須打開一個專案資料夾才能執行此功能。
-
在雲端執行：代理程式在 OpenAI 提供的沙盒雲端環境中執行。
模式：選擇代理人的行為方式。
-
聊天：標準的對話模式。
-
代理：代理可以讀取檔案、編寫程式碼和執行命令，但在執行前會徵求批准。
Agent (full access): The agent has full permissions to perform tasks without requiring approval for each step.
推理難度：調整代理的規劃和執行複雜度。預設值為“中等”，適用於大多數任務。更高的設定可能會對複雜問題產生更好的結果，但耗時會更長。
頂部選單圖示：
-
新聊天：開始新的、乾淨的對話。
-
任務記錄：查看先前的對話和任務。
-
設定：存取帳戶資訊、說明文件、鍵盤快速鍵和進階配置。
步驟 4：執行第一個提示
現在你可以給 Codex 一個任務了。在本例中，我們將要求它建立一個簡單的 Web 應用程式。
-
開啟專案資料夾：開始之前，請確保已在 VS Code 中開啟一個資料夾。如果沒有，請前往“檔案”>“開啟資料夾…”，然後選擇或建立專案目錄。這是代理在本地執行的必要條件。
-
撰寫詳細的提示：好的提示應描述清晰。在 Codex 聊天輸入框中，輸入以下內容：建立一個簡單的待辦事項應用程式，並設定登入名稱和密碼。包含一個簡單的資料庫和現代的 Bootstrap 樣式。
-
啟動代理：按下“發送”按鈕。代理商將首先概述其計劃，並展示具體步驟。
-
監控進度：代理程式將即時顯示其工作，包括建立檔案（app.py、data.db 等）和編寫程式碼。完成後，它將提供有關如何執行應用程式的說明。
步驟5：執行生成的應用程式
Codex 將提供啟動剛剛建置的應用程式所需的命令。
-
在 VS Code 中開啟整合終端（視圖 > 終端）。
-
執行 Codex 提供的命令。本例為： python3 app.py
-
終端將顯示伺服器正在執行，通常在http://127.0.0.1:8000 。
-
在瀏覽器中開啟此 URL。現在，您就可以與功能齊全的待辦事項應用程式進行交互，其中包括使用者註冊、登入和任務管理。
附加配置和提示
-
資料隱私：如果您希望防止您的資料被用於訓練 OpenAI 模型，請前往 Codex 設置，您可以在其中找到 ChatGPT 網站上的資料控制項連結以選擇退出。
-
模型選擇：在進階設定中，您可以查看正在使用的 AI 模型。預設情況下，此擴充功能會使用針對編碼任務最佳化的強大且最新的模型（例如影片中所示的 GPT-5）。
VS Code 中的 Video Codex 教學
{% 嵌入 https://youtu.be/RaFxPRG98Lg?si=QvSe4Hv-QsozkBfA %}
在 YouTube 上觀看： VS Code 中的 Codex CLI
結論
現在你已經了解在 VS Code 中執行 OpenAI 的 Codex 代理程式是多麼簡單了。按照以下步驟操作，你就可以將強大的 AI 結對程式設計人員融入你的日常工作流程中，自動化任務並加速你的專案進度。
乾杯！ ;)
原文出處：https://dev.to/proflead/how-to-use-openais-codex-agent-in-vs-code-a-step-by-step-guide-2oa5
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
