Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>Formatting ToggleNew to Visual Studio Code? Get it now.

Formatting Toggle

tombonnike

|
952,907 installs
| (15) | Free
A VS Code extension that allows you to toggle formatting settings ON and OFF with a simple click.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Formatting Toggle

A VS Code extension that allows you to toggle your formatting settings ON and OFF with a simple click.

Installation

In the command palette (CMD + SHIFT + P) select “Install Extension” and choose “Formatting Toggle”.

Usage

The extension should show up on the right side of the status bar. Simply click it to toggle the formatting settings ON and OFF. Alternatively, in the command palette (CMD + SHIFT + P), run the “Toggle Formatting” command.

⚠️ Formatting Toggle doesn’t override your workspace settings as these are usually tracked by Git. Consider using ignore configurations (like .prettierignore) to ignore specific files for all contributors of your project.

Customization

By default, Formatting Toggle toggles all formatting settings: editor.formatOnPaste, editor.formatOnSave and editor.formatOnType. To toggle different settings, or to prevent a specific setting from being toggled, you can use the formattingToggle.affects setting in your editor settings (Code › Preferences › Settings).

💡 Formatting Toggle was created with formatting settings in mind but allows you to toggle any boolean setting that lives at the root of the VSCode configuration. editor.codeActionsOnSave is currently the only deeply nested setting supported.

Examples

Keeping editor.formatOnPaste and editor.formatOnType enabled at all times:

{
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "formattingToggle.affects": ["editor.formatOnSave"]
}

Keeping editor.formatOnType disabled at all times:

{
  "editor.formatOnType": false,
  "formattingToggle.affects": ["editor.formatOnPaste", "editor.formatOnSave"]
}

Allowing editor.codeActionsOnSave to be toggled:

{
  "formattingToggle.affects": ["editor.codeActionsOnSave.source.fixAll.eslint"]
}

Allowing all formatting settings to to be toggled (default):

{
  "formattingToggle.affects": [
    "editor.formatOnPaste",
    "editor.formatOnSave",
    "editor.formatOnType"
  ]
}
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft