How do you change the formatting options in Visual Studio Code?

visual-studio-code formatting options
Matt McCabe picture Matt McCabe · May 6, 2015 · Viewed 93.6k times · Source

I know you can Format Code using Ctrl+F / Cmd+F in Visual Studio Code but how do you change the formatting options for each language?

For example, in Visual Studio 2013 I can choose compact mode for CSS.

Is there another hidden JSON file to do that?

Answer

Sajad Saderi picture Sajad Saderi · Oct 5, 2019

At the VS code

press Ctrl+Shift+P

then type Format Document With...

At the end of the list click on Configure Default Formatter...

Now you can choose your favorite beautifier from the list.

Related questions

How to change indentation in Visual Studio Code?

For every typescript file visual studio code uses an auto indentation of 8 spaces. This is a bit too much for my taste but I can't find where to change it. Maybe it's available as a setting but under a different …

Read More
How do I set up VSCode to put curly braces on a new line?

Let's say I type in the following code and format it. if (condition) { /* Hello! */ } If this is C# code, it is formatted like this: if (condition) { // Hello! } If it is JavaScript, VSCode formats it like this: if (condition) { // Hello! } So …

Read More
How do I format all files in a Visual Studio Code project?

Is there a way to format all files in a project without formatting each one individually?

Read More