VSCode Vercel is a free, open-source extension for Visual Studio Code and its forks. Install here.

Keep an eye on your Vercel deployments while you code

Enhance your Vercel deployment experience within Visual Studio Code. Monitor deployments, manage projects, and inspect deployment artifacts, all within your code editor.

The extension complements, rather than replaces, Vercel Dashboard and Official Vercel CLI. The purpose of this extension is not to replicate all the existing features but to offer actionable tools that developers can use within their code editor, reducing context switching and streamlining the Vercel development experience.

Features

All the following features are designed to work in all Visual Studio Code based editors such as VSCode Insiders, VSCodium, vscode.dev, GitHub Codespaces, and Cursor.

Monitor Deployments — Stay on top of deployments by your team. Promote or rollback as you need to.
Manage Projects — Link new projects, pull environment variables, tailored to work even in monorepos.
Inspect Deployments — Access deployment build logs and outputs just like regular files.
Seamless Authentication — Multiple authentication options including OAuth, access tokens, or Vercel CLI.
And more… — Including at-a-glance deployment info on status bar, deployment checks, vercel.json file validation and more.

More features are planned and are being worked on. Visit the repository on GitHub for more info.

Installation

Here’s a link to open Visual Studio Code and go to the extension page. Or if your editor is supports extension marketplace, the extension is published under the publisher name kyswtn and can be searched for. Here’s a link to the extension’s marketplace page.

The extension can also be installed through CLI.

code --install-extension frenco.vscode-vercel

If extension marketplace is not supported by your editor, please download the extension as a VSIX file here, and install it as the following. Replace code with your editor’s program name.

code --install-extension frenco.vscode-vercel-2.1.4.vsix

Get Started

The extension integrates seamlessly with the Vercel CLI. Deployments are displayed based on available projects within a folder or workspace. Projects must be linked first to be managed.

If you’re not already signed-in, added sidebar view will display a button you can click to authenticate. Choose one of the available authentication options and complete.

Vercel CLI is not required to link projects. If no projects are linked, added sidebar view will display a button you can click to link a new project. In case of monorepos, right-click on a project folder and choose Link to Vercel Project option.

Once projects are linked, deployments can be browsed through. All other commands and features will also become available. Enjoy!

Licensed under MIT license. Not officially affiliated with Vercel or Visual Studio Code. Source available on GitHub.

Website made with Astro. Colors by Radix. Body text set in Source Serif 4. Heading set in New Title.