想要将本地开发的Web应用快速部署到线上？无需手动配置服务器、编写Dockerfile或折腾Nginx，只需点击一下即可完成上线——借助Codex桌面版集成的Vercel插件，即可轻松实现。整个流程不依赖命令行经验，也无需提前注册Vercel账号，所有操作均在Codex图形化界面内完成，Mac与Windows用户操作路径完全一致。

前置准备：开通Vercel并绑定GitHub

此步骤需手动完成，Codex无法代为注册或登录第三方平台。【Vercel账号必须通过GitHub登录，且该GitHub账号需已授权Vercel可访问你的仓库】。打开 vercel.com → 点击“Sign in with GitHub” → 授予所有必要权限（尤其不能跳过“Access public repositories”）→ 完成邮箱验证。如果已登录但未授权，前往Vercel Dashboard → Settings → Integrations → GitHub → Reauthorize。

确认GitHub个人主页右上角头像旁显示绿色圆点，表示在线状态且账户已连通。

在Codex中启用Vercel插件

启动Codex桌面客户端 → 左侧边栏点击“Plugins” → 在搜索框中输入“vercel” → 找到最新插件“Vercel Deploy”，点击右侧“Install”。

安装完成后，插件图标将出现在底部工具栏。首次点击时会弹出浏览器窗口，要求你登录Vercel账号——请务必使用刚才已绑定GitHub的那个账号，否则后续部署会因权限校验失败而中断。

登录成功后页面自动跳转回Codex，插件状态变为“Connected”，右下角显示绿色对勾。

选择项目并一键部署

第一步：在Codex左侧文件树中，定位到你要发布的Web项目根目录（必须包含 package.json 或 vercel.json，否则插件会呈灰色不可点击）。

第二步：右键点击该项目文件夹 → 选择“Deploy with Vercel”。

第三步：弹窗中保持默认配置即可，Domain留空让Vercel自动分配；Framework Preset会根据项目类型自动识别（如Next.js、React、Vanilla），无需手动切换；Build Command和Output Directory通常已预填，【若项目使用了自定义构建脚本，请在此处手动修改，否则部署将失败】。

第四步：点击“Deploy”按钮 → 等待进度条完成 → 成功后弹出结果页面，包含实时访问链接、部署日志和重试按钮。