Codex: Codex IDE 扩展

1. 打开 VS Code
2. 点击左侧扩展图标（或 Ctrl+Shift+X）
3. 搜索 "Codex"
4. 点击 Install
5. 登录 ChatGPT 账号

1. 打开 Cursor
2. 扩展市场搜索 "Codex"
3. Install
4. 登录账号

// 选中这段代码
function formatDate(date) {
  return date.toISOString();
}

// 右键 → Codex: Edit → "添加本地化支持，支持中文日期格式"

// Codex 修改后
function formatDate(date: Date, locale: string = "zh-CN"): string {
  return new Intl.DateTimeFormat(locale, {
    year: "numeric",
    month: "long",
    day: "numeric",
  }).format(date);
}

Ctrl+Shift+P → "Codex: Generate" → 输入描述

// Alice 在 VS Code 中按 Ctrl+Shift+P
// 输入 "Codex: Generate"
// 描述："创建一个 React Hook，管理分页状态，包含页码、每页数量、总数"

// Codex 生成：
import { useState, useCallback } from "react";

interface PaginationState {
  page: number;
  pageSize: number;
  total: number;
}

export function usePagination(initialPageSize: number = 20) {
  const [state, setState] = useState<PaginationState>({
    page: 1,
    pageSize: initialPageSize,
    total: 0,
  });

  const setPage = useCallback((page: number) => {
    setState((prev) => ({ ...prev, page }));
  }, []);

  const setTotal = useCallback((total: number) => {
    setState((prev) => ({ ...prev, total }));
  }, []);

  const totalPages = Math.ceil(state.total / state.pageSize);

  return { ...state, totalPages, setPage, setTotal };
}

选中代码 → 右键 → "Codex: Review"

选中代码 → 右键 → "Codex: Explain"

1. 在侧栏输入 "修复当前文件的类型错误"
2. Codex 自动读取当前编辑器打开的文件
3. 直接在编辑器中展示 diff
4. 点击 Apply 应用修改

{
  "codex.model": "gpt-5-codex",
  "codex.sandboxMode": "workspace-write",
  "codex.autoApply": false,
  "codex.contextFiles": ["AGENTS.md", "tsconfig.json"],
  "codex.excludePatterns": ["node_modules/", "dist/"]
}