Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Cloudflare DevToolsNew to Visual Studio Code? Get it now.
Cloudflare DevTools

Cloudflare DevTools

Alessandro Benassi

|
7,440 installs
| (2) | Free
Manage Cloudflare's Development Mode and Cache from VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Cloudflare DevTools

A Visual Studio Code extension to manage Cloudflare's Development Mode and purge the Cache from within VS Code.

The extension relies on Cloudflare's API and will send requests in the background to set/retrive the Development Mode status.

 

Features

  • Turn Cloudflare's Development Mode On/Off.
  • Check Cloudflare's Development Mode's status (On or Off) by highlighting an icon in the status bar (optional).
  • Purge Cloudflare's cache (with option to purge it automatically when you turn Development Mode on).

 

Preview

 

Getting started

1. Open the Extension's Settings and fill in these required fields:

Required settings

2. To reveal the available commands, you have several options:

  • Click on the cloud icon in the Status Bar
  • Use the tree view in the Activity Bar
  • Invoke the commands from the Command Palette

Whatever option you choose, the status bar icon will be highlighted while Development Mode is on (unless disabled in the settings). The color depends on your theme's statusBarItem.warningBackground.

 

Extension Settings

This extension contributes the following settings:

  • cloudflareDevTools.api.key: Your Cloudflare Global API Key .
  • cloudflareDevTools.api.email: Email address associated with your account.
  • cloudflareDevTools.api.zoneID: Your zone ID, found in the Overview of your domain in your Cloudflare account.
  • cloudflareDevTools.cache.purgeAutomatically: Purge Cloudflare's cache automatically after turning on `Development Mode.
  • cloudflareDevTools.developmentModeStatus.enable: Sends periodic requests to the API to check whether Development Mode is On or Off. (Recommended - will update the cloud icon's appearance in the status bar depending on Dev. Mode's status)."
  • cloudflareDevTools.developmentModeStatus.interval: How often (in seconds) to ping the API, to check whether Development Mode is On or Off. cloudflareDevTools.developmentModeStatus.enable needs to be true.

 

Useful Links

  • Cloudflare API
  • GitHub Repository
  • Extension on the VS Code Marketplace
  • My LinkedIn profile

 

Changelog

Click here to see the changelog.

 

Have feedback or issues?

Please file an issue on the GitHub repository.

 

I love Pizza 🍕

ko-fi

 

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft