Beautify HTML (including Handlebars), CSS (including Sass and LESS), JavaScript, and much more in Atom.

Atom Package: https://atom.io/packages/atom-beautify

apm install atom-beautify

Or Settings/Preferences ➔ Packages ➔ Search for atom-beautify

• JavaScript and JSON
• HTML, including
  • Handlebars
  • XML
• CSS, including
  • Sass
  • LESS
• SQL, special thanks to pretty-data
• PHP
  • Requires PHP_Beautifier to be already installed.
• Python
  • Requires autopep8 to be already installed.
  • Beautifies to PEP 8.
• Ruby
  • Requires RBeautify
• CoffeeScript
• Java
  • Requires Uncrustify
• C
  • Requires Uncrustify
• C++
  • Requires Uncrustify
• C#
  • Requires Uncrustify
• Objective-C
  • Requires Uncrustify
• D
  • Requires Uncrustify
• Pawn
  • Requires Uncrustify
• Vala
  • Requires Uncrustify

• TypeScript
• Perl

Open the Command Palette, and type Beautify.

It will only beautify selected text, if a selection is found - if not, the whole file will be beautified.

You can also type ctrl-alt-b as a shortcut or click Packages > Beautify in the menu.

See Keymaps In-Depth for more details.

For example:

'.editor': # Available from Editor only
  'ctrl-alt-b': 'beautify'

• beautifyOnSave
  You can also choose to beautify on every file save.

• analytics
  There is Segment.io, which forwards the data to Google Analytics, to track what languages are being used the most and other stats. Everything is anonymized and no personal information, such as source code, is sent. See Glavin001#47 for more details.

Edit your .jsbeautifyrc file in any of the following locations:

• Atom Package Settings
  Atom ➔ Preferences ➔ Search for atom-beautify
• Same directory as current file
• Project root
  atom-beautify will recursively look up from the current file's directory to find .jsbeautifyrc.
• Your User's Home directory

Note: Comments are supported in .jsbeautifyrc thanks to strip-json-comments.

See examples of both way inside examples/

See examples/simple-jsbeautifyrc/.jsbeautifyrc.

{
  "indent_size": 2,
  "indent_char": " ",
  "other": " ",
  "indent_level": 0,
  "indent_with_tabs": false,
  "preserve_newlines": true,
  "max_preserve_newlines": 2,
  "jslint_happy": true,
  "indent_handlebars": true
}

See examples/nested-jsbeautifyrc/.jsbeautifyrc.

{
  "html": {
    "brace_style": "collapse",
    "indent_char": " ",
    "indent_scripts": "normal",
    "indent_size": 6,
    "max_preserve_newlines": 1,
    "preserve_newlines": true,
    "unformatted": ["a", "sub", "sup", "b", "i", "u"],
    "wrap_line_length": 0
  },
  "css": {
    "indent_char": " ",
    "indent_size": 4
  },
  "js": {
    "indent_size": 2,
    "indent_char": " ",
    "indent_level": 0,
    "indent_with_tabs": false,
    "preserve_newlines": true,
    "max_preserve_newlines": 2,
    "jslint_happy": true
  },
  "sql": {
    "indent_size": 4,
    "indent_char": " ",
    "indent_level": 0,
    "indent_with_tabs": false
  }
}

To use with PHP we require PHP_Beautifier and that you set the Php beautifier path in the package settings.

Run which php_beautifier in your Terminal.

To use with Python we require autopep8 and that you set the Python autopep8 path in the package settings.

Run which autopep8 in your Terminal.

See all contributors on GitHub.

Please update the CHANGELOG.md, add yourself as a contributor to the package.json, and submit a Pull Request on GitHub.

MIT © Donald Pipowitch