Quick Tunnel

QuickTunnel for VS Code.

Instantly expose your local dev server with a public Cloudflare tunnel URL from VS Code.

Quick Start

1. Start your local dev server (Vite, Next.js, etc.)
2. Click the Quick Tunnel icon in the Activity Bar (left sidebar)
3. Enter your local port (e.g. 5173, 3000)
4. Click Start Tunnel
5. Share the generated public URL or scan the QR code

Features

✨ One-click tunneling with auto-download of cloudflared
🔗 Public URL copied to clipboard automatically
📱 QR code for easy sharing
⚡ Works with Vite, Next.js, React, Vue, and any local dev server

Stop the tunnel with:

Quick Cloudflare Tunnel: Stop

cloudflared

If cloudflared is already installed, the extension uses it from your PATH.

If it is missing, the extension asks for permission to download it from the official Cloudflare GitHub release and stores it inside the extension's global storage folder.

Automatic download currently supports:

• Windows x64
• Windows 32-bit
• Linux x64
• Linux arm64
• Linux arm

On unsupported platforms, install cloudflared manually:

https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/downloads/

Cloudflare Quick Tunnels do not require a Cloudflare account.

Commands

• Quick Cloudflare Tunnel: Start
• Quick Cloudflare Tunnel: Stop
• Quick Cloudflare Tunnel: Show Status

Settings

• quickCloudflareTunnel.defaultPort: Default local port. The default is 5173.
• quickCloudflareTunnel.autoOpen: Automatically open the generated URL when the tunnel is ready. The default is false.
• quickCloudflareTunnel.protocol: Cloudflared edge protocol. The default is http2, which is usually more reliable on networks where QUIC is blocked or unstable.

Troubleshooting

If the logs show temporary errors such as context canceled or Retrying connection, wait a few seconds. Cloudflared often reconnects automatically.

If you later see Registered tunnel connection, the Cloudflare edge connection is alive.

If the public URL opens but your app does not load:

• Make sure your dev server is running.
• Make sure you entered the correct local port.
• Open http://localhost:PORT locally and confirm it works.

If no trycloudflare.com URL appears, try changing quickCloudflareTunnel.protocol to quic or auto, then restart the tunnel.

Privacy And Security

Temporary tunnel URLs are public. Do not use this for private admin panels, production secrets, payment flows, or anything sensitive.

Cloudflare Quick Tunnels are designed for testing and development. For permanent deployment, use a production hosting platform or a named Cloudflare Tunnel.

Development

Install dependencies:

npm install

Run the extension locally:

Press F5

Build a VSIX package:

npm run package

Publishing notes are in PUBLISHING.md.