应禁用已停更的zeit-now插件,改用Vercel官方扩展,并重装Vercel CLI、登录账户、初始化项目、配置vercel.json,最后通过命令面板执行Vercel: Deploy完成部署。

如果您在 Visual Studio Code 中使用 zeit-now 插件进行项目部署,但无法成功连接 Vercel 平台或触发部署流程,则可能是由于插件配置失效、认证凭据过期或 Vercel CLI 未正确集成所致。以下是解决此问题的步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、重新安装并配置 Vercel CLI
VSCodium 或 VSCode 中的 zeit-now 插件已停止维护,其功能依赖本地 Vercel CLI 工具链;若 CLI 未安装或版本不兼容,插件将无法调用部署命令。
1、打开终端,执行 npm uninstall -g now vercel 清理旧版工具。
2、执行 npm install -g vercel 安装当前官方支持的 Vercel CLI。
3、运行 vercel login,在浏览器中完成账户授权并返回终端确认登录状态。
4、在 VSCode 工作区根目录下执行 vercel init,生成 vercel.json 配置文件并绑定项目。
二、禁用 zeit-now 插件并启用 Vercel 官方扩展
zeit-now 插件自 2020 年起不再更新,与新版 Vercel API 不兼容;必须切换至由 Vercel 官方维护的 VSCode 扩展以保障功能可用性。
1、在 VSCode 扩展市场中搜索 Vercel,找到发布者为 Vercel 的官方扩展。
2、点击 禁用 当前已安装的 zeit-now 插件。
3、点击 安装 官方 Vercel 扩展。
4、重启 VSCode,确保左侧活动栏出现 Vercel 图标。
三、通过命令面板手动触发部署
当插件界面响应异常时,可绕过图形化操作,直接调用 Vercel CLI 命令完成部署,该方式不依赖插件 UI 稳定性。
1、按下 Cmd + Shift + P(macOS)或 Ctrl + Shift + P(Windows/Linux)打开命令面板。
2、输入 Vercel: Deploy 并回车。
3、在弹出选项中选择 Production 或 Preview 部署环境。
4、确认输出面板中显示 Deployed to https://xxx.vercel.app 即表示成功。
四、检查项目根目录的 vercel.json 配置有效性
Vercel CLI 在部署前会读取 vercel.json 文件以确定构建指令、环境变量和路由规则;若该文件缺失、语法错误或字段过时,将导致部署中断。
1、在项目根目录创建或编辑 vercel.json 文件。
2、确保包含至少以下基础字段:{"version": 2, "builds": [{"src": "package.json", "use": "@vercel/node"}]}。
3、若使用前端框架,将 use 值替换为对应构建器,例如 @vercel/next 或 @vercel/static-build。
4、保存后,在终端执行 vercel --prod --confirm 验证配置是否被正确识别。










