Home/ Questions/How to beautify code in visual studio code
Next
Answered
James Portman
  • 17
Asked: 2022-04-16T10:34:53+00:00 In:

How to beautify code in visual studio code

  • 17

. Advertisement .

..3..

. Advertisement .

..4..

Need help with “How to beautify code in visual studio code”? Here’s how to do it.

♦ Suggestions of ITtutoria Team

Ideas: In order to beautify code in Visual Studio Code, use the keyboard shortcut “Ctrl+Shift+P – Beautify All Code” or “Ctrl+Shift+E – Beautify Selection.”

visual studio code
Share

3 Answers

  1. Best Answer

    I encountered the same problem before and i resolved it as follow

    • When using Windows: Shift + Alt + F
    • When using Mac: Shift + Option + F
    • When using Ubuntu: Ctrl + Shift + I
    • 24

  2. You can try this way

    {
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,
​
    "editor.formatOnSave": true,
​
    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}
​
    • 16

  3. This is my approach

    The code formatting is available in Visual Studio Code through the following 
shortcuts:
​
On Windows : Shift + Alt + F
On Mac : Shift + Option + F
On Linux : Ctrl + Shift + I
    • 11

Leave an answer

You must login to add an answer.

Need An Account,