With Brackets preferences you can even define per file settings, which is really handy when dealing with third party libraries or minified resources.īrackets Beautify also support per language settings, which enables you to enable/disabled Beautify on Save for your documents using the Brackets language layer. brackets.json in the root directory of your project. The default is defined in default.jsbeautifyrc and looks like this:īrackets Beautify leverages Brackets preferences, which means that you can specify per project settings by defining a. jsbeautifyrc file on project level and will be merged with the default. Configuration Beautifier Optionsīrackets Beautify supports the same options as js-beautify with the exception of indentation-based options ( indent_size, indent_char, and indent_with_tabs) which are taken from the current settings in Brackets. Use the menu entry Edit > Beautify on Save or the more advanced settings to activate. Use the Toolbar Button with the wand icon, the menu entry Edit > Beautify, the context-menu entry Beautify, or one of the keyboard shortcuts Ctrl-Alt-B (Windows/Linux), Ctrl-Shift-L (Windows), Cmd-Shift-L (Mac), or define your own.Īlternatively it can be enabled to run automatically on save. Usageīrackets Beautify can be run manually on the whole file or on a selection.

The latest release of this extension is also available on the Brackets npm Registry. To install the latest commit of this extension use the built-in Brackets Extension Manager which has a function to Install from URL. To install the latest release of this extension use the built-in Brackets Extension Manager which downloads the extension from the extension registry. Brackets Extension that formats open HTML, CSS, and JavaScript files using js-beautify version 1.13.13.

Install brackets mac