如何在 VS Code 中使用 OpenAI 的 Codex Agent：Step by Step

将 Codex 打造为你的 AI 配对编程伙伴，从 VS Code 中无缝调用 OpenAI 的代码代理，开启自动化开发新体验！

前言

OpenAI 的 Codex Agent 是一个强大的编程助手，能够理解自然语言指令，自动生成、修改代码，甚至执行命令并搭建完整应用程序。通过 VS Code 插件的形式，它成为开发者日常工作中的得力助手。

本教程将一步步指导你如何在 Visual Studio Code 中启用并使用 Codex Agent。

先决条件

在开始之前，请确保具备以下条件：

• ✅ 安装最新版 Visual Studio Code
• ✅ 拥有付费的 OpenAI 账户（ChatGPT Plus、Team、Pro 或 Enterprise）

如果你还没有 ChatGPT Plus 账号，可以点击博客内容右侧进行购买，博主这边儿提供代充值服务

步骤 1：安装 Codex 插件

1. 打开 Visual Studio Code。
2. 点击左侧侧边栏中的「扩展」图标（🧩）。
3. 在 VSCode或者Cursor中搜索 OpenAI，注意是搜索openai，不是搜索codex
4. 找到由 OpenAI 发布 的官方插件（注意发布者），点击“安装”按钮。

📷 安装界面示意图

步骤 2：登录 OpenAI 并验证身份

1. 安装完成后，VS Code 顶部将出现一个新的 Codex 图标（🧠）。
2. 点击图标打开 Codex 面板。
3. 点击「使用 ChatGPT 登录」按钮，系统会自动打开默认浏览器。
4. 使用你的 OpenAI 帐号登录并授权。
5. 登录成功后，Codex 插件即完成身份验证。

📷 登录授权界面示意图

这里提供了两种使用方式，我们选择 Sign in with ChatGPT，这种方式更划算一点

如果你有公益API也可以使用第二种方式

选择以后会打开浏览器进行登录。

步骤 3：了解 Codex 的界面与模式

Codex 插件面板主要包含以下几项：

聊天区域

你可以像与 ChatGPT 聊天一样，在此输入指令，例如：

「创建一个 Flask 待办事项应用，使用 Bootstrap，包含登录功能」

环境选项

• 本地工作模式：使用你电脑的文件系统与终端。
• 云端沙盒模式：在 OpenAI 提供的沙盒中运行，适合没有本地权限时使用。

推理难度（Planning Complexity）

• 默认为「中等」。
• 若任务较复杂，可调高，但响应时间也会更长。
• 用于开发一般选择 gpt-5-codex medium，low版本最快，high版本能力最强但是速度要慢一点

步骤 4：执行你的第一个 AI 编程任务

现在我们将尝试用 Codex 建立一个完整的 Web 应用：

1. 打开一个项目资料夹

• 前往菜单栏「文件 > 打开文件夹」，新建一个空资料夹作为项目目录。
• Codex 的本地代理功能需要已打开的工作区。

2. 输入提示
   在聊天框输入：

创建一个简单的待办事项 Web 应用，用户需要登录名和密码。使用 SQLite 数据库，界面使用 Bootstrap。

3. 执行提示

• 点击「发送」按钮。
• Codex 将先规划整个执行步骤，然后开始依序建立文件，如 app.py、data.db 等。
• 编写代码、创建文件夹、生成样式皆自动完成。

步骤 5：运行你的 Web 应用

Codex 通常会自动告诉你如何运行刚刚生成的程序。

例如：

1. 打开终端：顶部菜单栏「视图 > 终端」。
2. 执行命令（以 Flask 应用为例）：

pip install -r .\requirements.txt
python3 app.py

3. 终端显示服务地址（例如 http://127.0.0.1:8000，具体看你执行显示的URL）。

4. 用浏览器打开，即可开始使用你刚刚创建的待办事项应用！

他帮我还做了一个注册登录，登录上去就是正常的代办应用了

相当强，除了就是有点儿慢以外无敌了！！！