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
- What is Beautify?
- How to install Beautify?
- 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?
- Open Visual Studio Code
- Open Extensions menu by pressing (Ctrl + Shift + X)
- Then a search box will appear, in search box type beautify and click to open
- Then on the right side, there will be an open beautify extension tab and click the install button
- Open Keyboard Shortcut By pressing (Ctrl +k, Ctrl+s)
- Type in search box beautify
- Hove the first item Beautify File
- There will be a pen icon appear when hovering the mouse and click there
- After clicking the icon there will appear the text input type button
- Now In the text box select your own keyword. In my case, my keyword shortcut is (Ctrl+Shift+L)
3 Comments
Great It helped me a lot Thank you soo much For sharing tutorial .
ReplyDeleteLots of help !!
Great It helped me a lot Thank you soo much For sharing tutorial .
ReplyDeleteLots of help !!
Great It helped me a lot Thank you soo much For sharing tutorial .
ReplyDeleteLots of help !!
If you have any question please ask?