How to beautify html code

 In this tutorial, we are going to show you how to beautify code in visual studio code 

Visual Studio Code (VS Code) is a free source-code and cross-platform editor developed by Microsoft for Windows, Linux, and macOS. 

In visual studio code, there are varieties of features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. 

Users can change the theme, keyboard shortcuts, preferences, and install extensions that add additional functionality.

In this tutorial, we are going to discuss beautify the HTML code 

  1. What is  Beautify?
  2. How to install Beautify?
  3. How to create a shortcut for beautifying?

1.What is Beautify?

In Visual Studio code, there are many extension among them Beautify is the most popular extension which Beautifies javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.


2. How to install Beautify?

For installing beautify to your v
s code follow the steps
  1. Open Visual Studio Code 
  2. Open Extensions menu by pressing (Ctrl + Shift + X)
  3. Then a search box will appear, in search box type beautify and click to open
  4. Then on the right side, there will be an open beautify extension tab and click the install button
3. How to create a shortcut for beautifying?
 For setting beautifying shortcut follow the instructions
  1. Open Keyboard Shortcut By pressing (Ctrl +k, Ctrl+s)
  2. Type in search box beautify 
  3. Hove the first item Beautify File 
  4. There will be a pen icon appear when hovering the mouse and click there
  5. After clicking the icon there will appear the text input type button
  6. Now In the text box select your own keyword. In my case, my keyword shortcut is (Ctrl+Shift+L)
Now you can beautify your code with (Ctrl+Shift+L) or your own keyword which you set earlier.





Reactions

Post a Comment

3 Comments

  1. Great It helped me a lot Thank you soo much For sharing tutorial .
    Lots of help !!

    ReplyDelete
  2. Great It helped me a lot Thank you soo much For sharing tutorial .
    Lots of help !!

    ReplyDelete
  3. Great It helped me a lot Thank you soo much For sharing tutorial .
    Lots of help !!

    ReplyDelete

If you have any question please ask?