๐ atom-beautify
Sign up for Unibeautify CI: https://goo.gl/jmM4QN
Help improve Atom-Beautify by completing the quick questionnaire: https://goo.gl/iEHBNr
Mac OS ![]() ![]() |
![]() |
---|---|
Travis CI: |
AppVeyor: |
Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom
Before | After |
---|---|
Original HTML | Beautified HTML |
![]() |
![]() |
Atom Package: https://atom.io/packages/atom-beautify
apm install atom-beautify
Or Settings/Preferences โ Install โ Search for atom-beautify
Atom-Beautify respects the core.telemetryConsent
configuration option from Atom editor.
If you do not wish to have usage data sent to Google Analytics then please set core.telemetryConsent
to no
or undecided
option before using Atom-Beautify.
See Anonymous Analytics
section of docs for details.
Thank you.
On Atom Load | Change Setting Later |
---|---|
![]() |
![]() |
Next Version: Unibeautify
Atom-Beautify is going to be completely rewritten with Unibeautify at its core!
See unibeautify
branch for work in progress and Issue #1174.
Many users are experiencing issues when installing third party beautifiers (e.g. Uncrustify, PHP-CS-Fixer, and many more). A possible solution is a "cloud" service which provides remote access to these beautifiers. Atom-Beautify would then communicate with these services, allowing for zero-installation beautification.
Please let us know what you think!
Some of the supported beautifiers are developed for Node.js and are automatically installed when Atom-Beautify is installed. However, other beautifiers are command-line interface (CLI) applications and require you to manually install them.
Beautifier | Preinstalled | ๐ณ Docker | Installation |
---|---|---|---|
align-yaml | โ | ๐ Not necessary | ๐ Nothing! |
autopep8 | ๐ณ With Docker: 1. Install autopep8 ( autopep8 ) with docker pull unibeautify/autopep8 ๐ Manually: 1. Install autopep8 ( autopep8 ) by following https://github.com/hhatto/autopep8#installation2. Install isort ( isort ) by following https://github.com/timothycrosley/isort#installing-isort |
||
beautysh | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install beautysh ( beautysh ) with docker pull unibeautify/beautysh ๐ Manually: 1. Install beautysh ( beautysh ) by following https://github.com/bemeurer/beautysh#installation |
|
brittany | ๐ง Not an executable | ๐ Go to https://github.com/lspitzner/brittany and follow the instructions. | |
clang-format | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install ClangFormat ( clang-format ) with docker pull unibeautify/clang-format ๐ Manually: 1. Install ClangFormat ( clang-format ) by following https://clang.llvm.org/docs/ClangFormat.html |
|
cljfmt | โ | ๐ Not necessary | ๐ Nothing! |
Coffee Formatter | โ | ๐ Not necessary | ๐ Nothing! |
coffee-fmt | โ | ๐ Not necessary | ๐ Nothing! |
Crystal | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install Crystal ( crystal ) with docker pull unibeautify/crystal ๐ Manually: 1. Install Crystal ( crystal ) by following https://crystal-lang.org/docs/installation/ |
|
CSScomb | โ | ๐ Not necessary | ๐ Nothing! |
dfmt | โ No Docker support | ๐ Manually: 1. Install Dfmt ( dfmt ) by following https://github.com/dlang-community/dfmt#building |
|
elm-format | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install elm-format ( elm-format ) with docker pull unibeautify/elm-format ๐ Manually: 1. Install elm-format ( elm-format ) by following https://github.com/avh4/elm-format#installation- |
|
Emacs Verilog Mode | โ No Docker support | ๐ Manually: 1. Install Emacs ( emacs ) by following https://www.gnu.org/software/emacs/ |
|
erl_tidy | ๐ง Not an executable | ๐ Go to http://erlang.org/doc/man/erl_tidy.html and follow the instructions. | |
ESLint Fixer | โ | ๐ Not necessary | ๐ Nothing! |
formatR | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install Rscript ( rscript ) with docker pull unibeautify/rscript ๐ Manually: 1. Install Rscript ( rscript ) by following https://github.com/yihui/formatR |
|
Fortran Beautifier | โ No Docker support | ๐ Manually: 1. Install Emacs ( emacs ) by following https://www.gnu.org/software/emacs/ |
|
Gherkin formatter | โ | ๐ Not necessary | ๐ Nothing! |
GN | โ No Docker support | ๐ Manually: 1. Install gn ( gn ) by following https://www.chromium.org/developers/how-tos/get-the-code |
|
gofmt | ๐ง Not an executable | ๐ Go to https://golang.org/cmd/gofmt/ and follow the instructions. | |
goimports | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install goimports ( goimports ) with docker pull unibeautify/goimports ๐ Manually: 1. Install goimports ( goimports ) by following https://godoc.org/golang.org/x/tools/cmd/goimports |
|
hh_format | ๐ง Not an executable | ๐ Go to http://hhvm.com/ and follow the instructions. | |
hindent | ๐ง Not an executable | ๐ Go to https://github.com/commercialhaskell/hindent and follow the instructions. | |
HTML Beautifier | ๐ง Not an executable | ๐ Go to https://github.com/threedaymonk/htmlbeautifier and follow the instructions. | |
JS Beautify | โ | ๐ Not necessary | ๐ Nothing! |
JSCS Fixer | โ | ๐ Not necessary | ๐ Nothing! |
Latex Beautify | ๐ง Not an executable | ๐ Go to https://github.com/cmhughes/latexindent.pl and follow the instructions. | |
Lua beautifier | โ | ๐ Not necessary | ๐ Nothing! |
Marko Beautifier | โ | ๐ Not necessary | ๐ Nothing! |
Nginx Beautify | โ | ๐ Not necessary | ๐ Nothing! |
ocp-indent | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install ocp-indent ( ocp-indent ) with docker pull unibeautify/ocp-indent ๐ Manually: 1. Install ocp-indent ( ocp-indent ) by following https://www.typerex.org/ocp-indent.html#installation |
|
Perltidy | ๐ง Not an executable | ๐ Go to http://perltidy.sourceforge.net/ and follow the instructions. | |
PHP-CS-Fixer | ๐ณ With Docker: 1. Install PHP-CS-Fixer ( php-cs-fixer ) with docker pull unibeautify/php-cs-fixer ๐ Manually: 1. Install PHP ( php ) by following http://php.net/manual/en/install.php2. Install PHP-CS-Fixer ( php-cs-fixer ) by following https://github.com/FriendsOfPHP/PHP-CS-Fixer#installation |
||
PHPCBF | ๐ณ With Docker: 1. Install PHPCBF ( phpcbf ) with docker pull unibeautify/phpcbf ๐ Manually: 1. Install PHP ( php ) by following http://php.net/manual/en/install.php2. Install PHPCBF ( phpcbf ) by following https://github.com/squizlabs/PHP_CodeSniffer#installation |
||
Prettier | โ | ๐ Not necessary | ๐ Nothing! |
Pretty Diff | โ | ๐ Not necessary | ๐ Nothing! |
Pug Beautify | โ | ๐ Not necessary | ๐ Nothing! |
puppet-lint | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install puppet-lint ( puppet-lint ) with docker pull unibeautify/puppet-lint ๐ Manually: 1. Install puppet-lint ( puppet-lint ) by following http://puppet-lint.com/ |
|
pybeautifier | ๐ง Not an executable | ๐ Go to https://github.com/guyskk/pybeautifier and follow the instructions. | |
Remark | โ | ๐ Not necessary | ๐ Nothing! |
Rubocop | โ No Docker support | ๐ Manually: 1. Install Rubocop ( rubocop ) by following http://rubocop.readthedocs.io/en/latest/installation/ |
|
Ruby Beautify | ๐ง Not an executable | ๐ Go to https://github.com/erniebrodeur/ruby-beautify and follow the instructions. | |
rustfmt | ๐ง Not an executable | ๐ Go to https://github.com/rust-lang-nursery/rustfmt and follow the instructions. | |
SassConvert | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install SassConvert ( sass-convert ) with docker pull unibeautify/sass-convert ๐ Manually: 1. Install SassConvert ( sass-convert ) by following http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax |
|
sqlformat | ๐ง Not an executable | ๐ Go to https://github.com/andialbrecht/sqlparse and follow the instructions. | |
stylish-haskell | ๐ง Not an executable | ๐ Go to https://github.com/jaspervdj/stylish-haskell and follow the instructions. | |
terraformfmt | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install Terraform ( terraform ) with docker pull hashicorp/terraform ๐ Manually: 1. Install Terraform ( terraform ) by following https://www.terraform.io |
|
Tidy Markdown | โ | ๐ Not necessary | ๐ Nothing! |
TypeScript Formatter | โ | ๐ Not necessary | ๐ Nothing! |
Uncrustify | โ ๐ฏ% of executables | ๐ณ With Docker: 1. Install Uncrustify ( uncrustify ) with docker pull unibeautify/uncrustify ๐ Manually: 1. Install Uncrustify ( uncrustify ) by following https://github.com/uncrustify/uncrustify |
|
VHDL Beautifier | โ No Docker support | ๐ Manually: 1. Install Emacs ( emacs ) by following https://www.gnu.org/software/emacs/ |
|
Vue Beautifier | โ | ๐ Not necessary | ๐ Nothing! |
yapf | ๐ง Not an executable | ๐ Go to https://github.com/google/yapf and follow the instructions. |
See all supported options in the documentation at docs/options.md
.
Language | Grammars | File Extensions | Supported Beautifiers |
---|---|---|---|
Apex | Apex |
.cls , .trigger |
Uncrustify |
Arduino | Arduino |
.ino , .pde |
Uncrustify |
Bash | Shell Script |
.bash , .sh |
beautysh |
C | C , opencl |
.h , .c , .cl |
Uncrustify , clang-format |
Coldfusion | html |
.cfm , .cfml , .cfc |
Pretty Diff |
Clojure | Clojure |
.clj , .cljs , .edn |
cljfmt |
CoffeeScript | CoffeeScript |
.coffee |
coffee-fmt , Coffee Formatter |
C++ | C++ |
.h , .hh , .cc , .cpp , .cxx , .C , .cu , .c++ , .hpp , .hxx , .h++ , .cuh |
Uncrustify , clang-format |
Crystal | Crystal |
.cr |
Crystal |
C# | C# |
.cs |
Uncrustify |
CSS | CSS |
.css |
JS Beautify , CSScomb , Prettier , Pretty Diff , SassConvert |
CSV | CSV |
.csv |
Pretty Diff |
D | D |
.d |
Uncrustify , dfmt |
EJS | EJS , JavaScript Template , HTML (Angular) |
.ejs |
JS Beautify , Pretty Diff |
Elm | Elm |
.elm |
elm-format |
ERB | HTML (Ruby - ERB) , HTML (Rails) |
.erb |
Pretty Diff , HTML Beautifier |
Erlang | Erlang |
.erl |
erl_tidy |
Fortran | Fortran - Modern |
.f90 , .F90 , .f95 , .F95 , .f03 , .F03 , .f08 , .F08 |
Fortran Beautifier |
gherkin | Gherkin |
.feature |
Gherkin formatter |
GLSL | C , opencl , GLSL |
.vert , .frag |
clang-format |
GN | gn |
.gn , .gni |
GN |
Go | Go |
.go |
gofmt , goimports |
Golang Template | HTML (Go) , Go Template |
.gohtml |
Pretty Diff |
Handlebars | Handlebars , HTML (Handlebars) |
.hbs , .handlebars |
JS Beautify , Pretty Diff |
Haskell | Haskell |
.hs |
stylish-haskell , brittany , hindent |
HTML | HTML |
.html |
JS Beautify , Pretty Diff |
Jade | Jade , Pug |
.jade , .pug |
Pug Beautify |
Java | Java |
.java |
Uncrustify |
JavaScript | JavaScript |
.js |
JS Beautify , ESLint Fixer , JSCS Fixer , Prettier , Pretty Diff |
JSON | JSON |
.json |
JS Beautify , Prettier , Pretty Diff |
JSX | JSX , JavaScript (JSX) , Babel ES6 JavaScript , JavaScript with JSX |
.jsx , .js |
Pretty Diff , JS Beautify |
LaTeX | BibTeX , LaTeX , TeX |
.bib , .tex , .sty , .cls , .dtx , .ins , .bbx , .cbx |
Latex Beautify |
LESS | LESS |
.less |
Pretty Diff , CSScomb , Prettier |
Lua | Lua |
.lua , .ttslua |
Lua beautifier |
Markdown | GitHub Markdown |
.markdown , .md |
Remark , Prettier , Tidy Markdown |
Marko | Marko |
.marko |
Marko Beautifier |
Mustache | HTML (Mustache) |
.mustache |
JS Beautify , Pretty Diff |
Nginx | nginx |
.conf |
Nginx Beautify |
Nunjucks | Nunjucks , Nunjucks Templates , HTML (Nunjucks Templates) |
.njk , .nunjucks |
Pretty Diff |
Objective-C | Objective-C , Objective-C++ |
.m , .mm , .h |
Uncrustify , clang-format |
OCaml | OCaml |
.ml |
ocp-indent |
Pawn | Pawn |
Uncrustify |
|
Perl | Perl , Perl 6 |
.pl , .PL , .pm , .pod , .t |
Perltidy |
PHP | PHP |
.php , .module , .inc |
PHP-CS-Fixer , PHPCBF , hh_format |
Puppet | Puppet |
.pp |
puppet-lint |
Python | Python , MagicPython |
.py |
autopep8 , pybeautifier , yapf |
R | R |
.r , .R |
formatR |
Riot.js | Riot.js , HTML (Riot Tag) |
.tag |
Pretty Diff |
Ruby | Ruby , Ruby on Rails |
.rb |
Rubocop , Ruby Beautify |
Rust | Rust |
.rs , .rlib |
rustfmt |
Sass | Sass |
.sass |
SassConvert |
SCSS | SCSS |
.scss |
Pretty Diff , CSScomb , Prettier , SassConvert |
Spacebars | Spacebars |
Pretty Diff |
|
SQL | SQL (Rails) , SQL |
.sql |
sqlformat |
SVG | SVG |
.svg |
Pretty Diff |
Swig | HTML (Swig) , SWIG |
.swig |
Pretty Diff |
Terraform | Terraform |
.tf |
terraformfmt |
TSS | TSS |
.tss |
Pretty Diff |
TSX | TypeScriptReact |
.tsx |
TypeScript Formatter |
Twig | HTML (Twig) |
.twig |
Pretty Diff |
TypeScript | TypeScript |
.ts |
TypeScript Formatter , Prettier |
UX Markup | UX |
.ux |
Pretty Diff |
Vala | Vala |
.vala , .vapi |
Uncrustify |
Verilog | Verilog |
.svh , .v , .sv |
Emacs Verilog Mode |
VHDL | VHDL 2008 |
.vhd , .VHD |
VHDL Beautifier |
Visualforce | Visualforce |
.page |
Pretty Diff |
Vue | Vue Component |
.vue |
Vue Beautifier , ESLint Fixer , Prettier |
XML | SLD , XML , XHTML , XSD , XSL , JSP , GSP |
.sld , .xml , .xhtml , .xsd , .xsl , .jsp , .gsp , .plist , .recipe , .config |
Pretty Diff , JS Beautify |
XTemplate | XTemplate |
.xtemplate |
Pretty Diff |
YAML | YAML |
.yml , .yaml |
align-yaml |
Open the Command Palette, type Beautify
, and run Beautify Editor
.
You can use the Command Palette to beautify the editor for a specific language.
The commands are in the form Atom Beautify: Beautify Language {NAME}
(i.e. atom-beautify:beautify-language-{NAME}
for keyboard shortcuts).
For example, you may want to beautify JavaScript
code within a HTML
file.
It will only beautify selected text if a selection is found -- if not, the whole file will be beautified.
Selection of Code | Beautify Selection of Code | Beautify Entire File |
---|---|---|
Select code in Atom editor | Only that selection is beautified | Without a selection all code is beautified |
![]() |
![]() |
![]() |
Beautify On Save
can be enabled for each language individually.
For example, for language HTML
go into Atom-Beautify's package settings (Atom
โ Preferences
โ Search for atom-beautify
), find HTML
, and toggle the Beautify On Save
option.
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':
'ctrl-alt-b': 'atom-beautify:beautify-editor'
Edit your .jsbeautifyrc
file in any of the following locations:
- Atom Package Settings
Atom
โPreferences
โ Search foratom-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 ways inside examples/
See all supported options in the documentation at docs/options.md
.
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
}
}
See CONTRIBUTING.md
.
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.