DEV Community

Matt Tanner
Matt Tanner

Posted on

How to Install Amp in VS Code

When it comes to using Amp, many different IDEs support it. For many, this means adding Amp to old-faithful, AKA VS (Visual Studio) Code. In this tutorial, we will go over how to install Amp in VS Code. Let’s get started.

Step 1: Sign up for an Amp account

Before you go ahead with installing Amp, you’ll want to set up your account. To do this, visit the Amp sign-up page and complete the onboarding flow. Once completed, we can go to the next step of installing Amp in VS Code.

Step 2: Install the Amp Extension in VS Code

While logged into Amp in a browser, on the dashboard page:

  1. Click on the Install button in the footer
  2. Make sure VS Code is selected in the modal that appears
  3. Click on the Install Amp for VS Code button

VS Code Amp install button

The browser will then likely prompt you that ampcode.com wants to open VS Code. This is expected, so you’ll need to allow this by clicking Open Visual Studio Code.

Open Visual Studio Code prompt

Once you’re back in VS Code, the IDE will also ask you if you want to grant permissions to open/download the extension. Once again, you’ll want to allow this so it can be installed by clicking Install Extension and Open URI in the dialog.

Install Extension VS Code

From here, VS Code will try to install the extension. First, though, it will ask if you trust Sourcegraph as a publisher. Here you’ll click Trust Publisher and Install.

VS Code Trust Publisher

After the extension installs, you’ll see a few things added to your VS Code instance. You’ll see the Amp chat interface on the left and the Amp extension in the left-side menu for easy access.

Amp in VS Code

All of this means that you’ve successfully installed Amp in VS Code and you’re ready to start using it.

Still can’t install Amp?

If the instruction above didn’t work out quite as expected, here are a few scenarios and solutions to help you get Amp up and running successfully.

For instance, if clicking the Install Amp for VS Code button isn’t working for you, you can try to do a manual installation through the VS Code terminal. To do this, in the Amp dashboard in your browser, expand the Manual Instructions and follow the steps shown:

Manual install instructions in VS Code

Alternatively, you can also go into the Extensions Marketplace in VS Code and install it directly there. Simply open the Extensions tab and search for “amp”; then, click Install.

Amp code in VS Code Marketplace

Top comments (0)