How to automatically indent your code in Visual Studio Code

Do you want to automatically indent your code in ocular Studio Code ? ocular Studio Code is a loose, Microsoft-made code optimized editor for Windows, OS X, and Linux, with back for IntelliSense ( an healthy code completion arrangement ), debugging, and GIT. Over a few brusque years, the editor program has made itself popular among developers, with half a million active users and more than two million facility done across the world. This article is going to show you how to indent your code, both automatically and manually, in ocular Studio Code

mechanically indent your code in VSCode

Since version 1.14 released spinal column in June 2017, automatic indentation sport has been added into ocular Studio Code codebase. once enabled in the shape, the auto-indentation feature will automatically indent your code whenever you type, move lines or paste lines. Supported programming languages includes TypeScript, JavaScript, HTML, CSS, JSON and any other languages that have indentation rules. automatic indentation feature will be very utilitarian for new developers, since they should be copying and pasting code from StackOverflow quite a draw. Auto-indentation on Visual Studio Code is disabled by default, you would have to set the editor.autoIndent flag to true in the configuration in order to enable it. To do that without touching the JSON shape files, follow the steps below to change global drug user settings in GUI mode :

  1. Press Ctrl+Shift+P to open Command Palette. Type in settings and select Open User Settings.
  2. In Search settings box, input indent to search for settings related to indentation. Select full in Editor: Auto Indent section.
  3. Automatic indentation is now enabled. Changes are saved automatically and applies to all opened files as well.

Indent your code in VSCode on need

To be able to properly indent your code anytime you want, you would need to install a linter or formatter or beautifier extension which supports your scheduling terminology. The linter should work like a spell checker, foreground errors, bugs and provide redress steering. here is a non-comprehensive list of linters for respective programming languages you can install from inside VSCode Marketplace .

  • ESLint : JavaScript, TypeScript
  • markdownlint : Markdown
  • Python : Python
  • Kotlin : Kotlin
  • SonarLint : JavaScript, TypeScript, Python, Java, HTML & PHP
  • Beautify : JavaScript, JSON, CSS, SASS, HTML

You can find more extensions by searching in the VSCode Marketplace.

once you get the appropriate extension installed, you can press Shift + Alt + F to automatically format the document. alternatively, press Ctrl + Alt + P to open Command Palette and search for Format Document achieve the same leave .

Auto indentation on save in VSCode

From version 1.6, ocular Studio Code added support for automatic format upon document saving with editor.formatOnSave flag. To enable the feature, follow the steps below .

  1. Press Ctrl+Shift+P to open Command Palette. Type in settings and select Open User Settings. Alternatively, press Ctrl + ,.
  2. In Search settings box, input format on save to search for settings related to document formatting. Check the box below Editor: Format On Save that says A formatter must be available, the file must not be saved after delay, and the editor must not be shutting down
  3. Similarly, you can also enable Format on Paste, which automatically format pasted content as well as indentation.

Click to pace this position !






informant :
Category : Tech

About admin

I am the owner of the website, my purpose is to bring all the most useful information to users.

Check Also


Manage participants in a zoom meeting webinar

Call the people who attend the meet as follows Alternate host host Who scheduled the …

Leave a Reply

Your email address will not be published.