信息发布→ 登录 注册 退出

VSCode的zeit-now插件:Vercel平台部署与管理

发布时间:2026-01-07

点击量:
应禁用已停更的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 插件自 2025 年起不再更新,与新版 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、在弹出选项中选择 ProductionPreview 部署环境。

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 验证配置是否被正确识别。

标签:# visual studio  # 该文件  # 绑定  # 重装  # 重启  # 则可  # 按下  # 您在  # 可用性  # 运行环境  # 不兼容  # ui  # https  # visual studio code  # macos  # linux  # Static  # 前端框架  # 工具  # macbook  # app  # 浏览器  # npm  # windows  # node  # json  # 前端  # js  # vscode  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!