Installing Atom-Beautify

View more Tutorials:

1- Atom-Beautify

Atom-Beautify is an Atom plugin which helps you reformat the codes, make your codes easier to see and more beautiful. There is a list of document types supported by Atom-Beautify, which consists of:
  • HTML
  • CSS
  • JavaScript
  • PHP
  • Python
  • Ruby
  • Java
  • C/C++
  • C#
  • Objective-C
  • CoffeeScript
  • TypeScript
  • Coldfusion
  • SQL
  • ....
The following example is the  HTML code before being beautified by Atom-Beautify:
And here is the result of the HTML code made by  Atom-Beautify:
To install  Atom-Beautify,  you need to get access to the address below:

2- Using Atom-Beautify

Beautify the entire contents on Editor.
Beautify a part of the code and specify a specific language.
  1. Select a part of the code that you want to beautify.
  2. Press Ctrl + Shift + P, then enter the language name.

Beautify when saving files.

Suppose that you would like your  HTML files to be beautified whenever you save those files.
  • File / Setting / Packages

View more Tutorials: