Source: YouTube URL: https://www.youtube.com/watch?v=JvwL-nhmIpA Date: 2025-10-08 Duration: 2:20
A quick 2-minute tutorial demonstrating how to install and configure OpenAI’s Codex extension in Visual Studio Code, requiring only a ChatGPT Plus account and covering installation, authentication, and layout customization.
The installation process is straightforward and involves accessing VS Code’s extension marketplace. Users simply need to: 1. Click the extensions button in VS Code 2. Search for “Codex” in the search box 3. Select the official OpenAI Codex plugin from multiple results 4. Click install and trust the publisher when prompted 5. Trust the workspace if it’s a known safe environment
The plugin installation completes almost instantly, requiring minimal wait time before proceeding to authentication.
Authentication integrates directly with ChatGPT accounts: - Users click the Codex button in the sidebar after installation - Select “Sign in with ChatGPT” - Choose their preferred login method (Google, email, etc.) - Click “Continue” to complete authentication - Close the authentication page to return to VS Code
The authentication process is seamless and leverages existing ChatGPT credentials, eliminating the need for separate account creation.
The tutorial emphasizes customization for optimal workflow: - By default, Codex opens on the left sidebar - Users can right-click the Codex button and select “Move to” → “Secondary sidebar” - This moves Codex to the right side, matching the layout of Claude Code and Cursor - The Codex chat icon appears in the top-right corner only when a file is open - This design ensures contextual availability of the AI assistant
After authentication, users navigate through several introduction screens that explain Codex capabilities and features. These screens provide guidance on how to effectively use Codex for programming tasks.
Once configured, Codex becomes readily accessible: - Open any file to see the ChatGPT icon in the top-right corner - Click the icon to open the Codex panel - Use the main prompt screen to ask programming-related questions - Leverage AI assistance for coding tasks within the familiar VS Code environment
“It’s pretty simple to do and requires only a few steps and at the minimum a ChatGPT plus account.”
“The plugin was installed almost instantly. I just needed to authenticate against ChatGPT in the next step.”
“If I do not have a file open, it’s not visible. So if you cannot see this, then you’ll have to open a file first.”
“I prefer to have it opened at the right side of my screen… just like what is usual with Claude Code and the Cursor editing program.”
這是一個 2 分鐘快速教學，示範如何在 Visual Studio Code 中安裝和設定 OpenAI 的 Codex 擴充功能，只需要 ChatGPT Plus 帳戶，並涵蓋安裝、身份驗證和介面自訂設定。
安裝過程簡單直接，只需透過 VS Code 的擴充功能市集進行操作。使用者需要： 1. 點擊 VS Code 中的擴充功能按鈕 2. 在搜尋框中輸入「Codex」 3. 從多個結果中選擇 OpenAI 官方 Codex 插件 4. 點擊安裝並在提示時信任發行者 5. 如果是已知安全的工作區，則信任該工作區
插件安裝幾乎立即完成，在進行身份驗證之前幾乎不需要等待時間。
身份驗證直接與 ChatGPT 帳戶整合： - 使用者在安裝後點擊側邊欄中的 Codex 按鈕 - 選擇「使用 ChatGPT 登入」 - 選擇偏好的登入方式（Google、電子郵件等） - 點擊「繼續」完成身份驗證 - 關閉身份驗證頁面返回 VS Code
身份驗證過程流暢且利用現有的 ChatGPT 憑證，無需另外建立帳戶。
教學強調如何自訂以優化工作流程： - 預設情況下，Codex 在左側邊欄開啟 - 使用者可右鍵點擊 Codex 按鈕並選擇「移至」→「次要側邊欄」 - 這會將 Codex 移至右側，與 Claude Code 和 Cursor 的版面配置相符 - Codex 聊天圖示僅在開啟檔案時出現在右上角 - 此設計確保 AI 助手的情境可用性
身份驗證後，使用者會瀏覽幾個介紹畫面，這些畫面說明 Codex 的功能和特性。這些畫面提供如何有效使用 Codex 進行程式設計任務的指導。
配置完成後，Codex 變得容易存取： - 開啟任何檔案即可在右上角看到 ChatGPT 圖示 - 點擊圖示開啟 Codex 面板 - 使用主提示畫面詢問程式設計相關問題 - 在熟悉的 VS Code 環境中利用 AI 協助進行編碼任務
“操作相當簡單，只需要幾個步驟，至少需要一個 ChatGPT Plus 帳戶。”
“插件幾乎立即安裝完成。我只需要在下一步驗證 ChatGPT 身份。”
“如果沒有開啟檔案，它就不會顯示。所以如果你看不到這個，那麼你需要先開啟一個檔案。”
“我偏好將它開啟在螢幕右側… 就像 Claude Code 和 Cursor 編輯程式常用的方式一樣。”
#OpenAI #Codex #VSCode #VisualStudioCode #AI #ChatGPT #Programming #Tutorial #IDE #Setup #Installation #Extension