Open the file or code you want to format. I will be using a dummy JavaScript file named “index.js” for this tutorial. Now that we have the “Format On Save” feature enabled, and have installed the “Prettier” extension, we can easily auto-format the code of most languages: Look for the configuration code in the settings.json file. If this code is missing, add it to the code editor and save it by pressing Ctrl + S.

Look for the following lines of code in the editor:ĮfaultFormatter': 'esbenp.prettier-vscode.

Then, under the Font Weight option, click on Edit in settings.json. Alternatively, you can press Ctrl +, to open Settings.

From the top-level File menu, select Preferences, and from the sub-menu, select Settings.

This feature is disabled in Visual Studio Code by default. The “Format On Save” feature allows your code to automatically be formatted every time you save it – note that an extension will later be installed for it function. This article shows how to auto-format code in Visual Studio Code. While auto-formatting is not an in-built feature of Visual Studio Code, you can install a free extension that allows you to do this. It allows us to tidy up our code every time we save the changes, saving time and enhancing your workflow. Auto-formatting a code helps us to automatically make our code more readable and consistent.

Visual studio code format code on save