Install Atom-Beautify

View more Tutorials:

Follow us on our fanpages to receive notifications every time there are new articles. Facebook Twitter

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: