Skip to content

Manage Cloudflare's Development Mode and Cache within VS Code.

Notifications You must be signed in to change notification settings

solid-pixel/vscode-cloudflareDevTools

Repository files navigation

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

 

Changelog

Click here to see the changelog.

 

Have feedback or issues?

Please file an issue on the GitHub repository.

 

I love Pizza 🍕

ko-fi

 

About

Manage Cloudflare's Development Mode and Cache within VS Code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published