> ## Documentation Index
> Fetch the complete documentation index at: https://ngrok.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Using ngrok with VSCode

> Learn how to use the ngrok VSCode extension to add ngrok support directly into your VSCode development environment.

This guide explains how to add ngrok support to your VS Code workflow using a VS Code extension.
It covers installing the extension and connecting it to your ngrok account.

## What you'll need

* VS Code installed.
* An [ngrok account](https://ngrok.com/signup).
* Your [ngrok authtoken](https://dashboard.ngrok.com/get-started/your-authtoken).

## 1. Install the VS Code extension

Install the [ngrok extension for VS Code](https://marketplace.visualstudio.com/items?itemName=philnash.ngrok-for-vscode).

## 2. Configure the extension

Open VS Code and configure the extension with your ngrok authtoken.
Follow the extension's documentation for the exact configuration fields and workflow.

## 3. Start an ngrok tunnel from VS Code

Start a tunnel using the extension.
Use the generated URL to reach your local app through ngrok.