Code Beautifier for VS Code

Format JSON, SQL, HTML, CSS, JavaScript and XML, and convert YAML to JSON, without leaving your editor. The extension runs the same formatters as codebeautifier.app, on your machine.

Commands

Run them from the Command Palette or the editor's right-click menu.

Command	What it does
Code Beautifier: Format Selection / Document	Formats the selection, or the whole file, with the formatter for its language
Code Beautifier: Format JSON	Formats as JSON whatever the file type
Code Beautifier: Open Tool in Browser	Pick one of 16 popular tools and open it on codebeautifier.app
Code Beautifier: Open JSON Formatter in Browser	Opens the JSON formatter on codebeautifier.app
Code Beautifier: Open Matching Web Tool	Opens the web tool for the current file's language

Settings

Setting	Default	Description
`codebeautifier.siteUrl`	`https://codebeautifier.app`	Base URL for browser tools
`codebeautifier.jsonIndent`	`2`	Indent for JSON formatting: `2`, `4` or `"tab"`

Privacy

Formatting runs on your machine, and your code is never sent anywhere. The browser commands only open a page on codebeautifier.app; nothing is pasted for you.

Also from the terminal

The same formatters are on npm:

npx @codewithkolin/codebeautifier json fmt package.json

Feedback

Found a bug or a wrong result? Use the contact details on codebeautifier.app/about.

Code Beautifier (codebeautifier.app)

CodeWithKolin