Skip to content

Cloudflare Tunnel extension for Visual Studio Code

License

Notifications You must be signed in to change notification settings

IvanArjona/cloudflare-tunnel-vscode

Repository files navigation

Cloudflare Tunnel for VSCode

VSCode Marketplace badge

A Visual Studio Code extension to create a local tunnels so your local http server can be accessed remotely using Cloudflare Tunnel

VSCode Marketplace VSCode Marketplace VSCode Marketplace


Walkthrough

Features

  • Start a local Cloudflare Tunnel accesible outside your network
  • Specify your local port number
  • Use any local hostname or ip address inside your network
  • Use a custom subdomain. Login to cloudflare is required.

Commands

Commands accesible from the Command Palette (Ctrl + Shift + P).

Cloudflare Tunnel: Create Tunnel
Cloudflare Tunnel: Stop Tunnel
Cloudflare Tunnel: Open Tunnel in browser
Cloudflare Tunnel: Copy tunnel uri to clipboard
Cloudflare Tunnel: Get version
Cloudflare Tunnel: Login
Cloudflare Tunnel: Logout
Cloudflare Tunnel: Focus on Tunnels View
Cloudflare Tunnel: Open panel
Cloudflare Tunnel: Output channel

Using your custom domain

First login to you cloudflare account using running the command Cloudflare Tunnel: Login or clicking the Login button in the Cloudflare Tunnel panel.

Create a tunnel using the command Cloudflare Tunnel: Create Tunnel or clicking the Create Tunnel button in the Cloudflare Tunnel panel.

Select your local port and set as hostname a subdomain from one of your domains in cloudflare.