Indentation in VS Code

Question

I'm a long time Emacs user. I've been trying out VS Code and I like it so far.

One thing I love about Emacs is that it always indents the code correctly when I press tab. I've looked but I can't seem to get that behavior in VS Code. I've tried looking in the settings and searching for an extension but have had no luck.

Can anyone help me on this please? Is there an extension I can/have to install to get it to do what I want?

I code mostly in PHP, HTML, CSS and Javascript.

Answer 1

A couple things:

To format (make "pretty") all the code in a given file you can use Shift + Alt + F on Windows. See this answer for more information.

To adjust the user settings for tab size or to insert tabs as spaces, etc. you can edit settings.json (Ctrl + Shift + P then type "user settings"). You can then manually add/edit:

// number of spaces for a tab
"editor.tabSize": 2,

// insert spaces when pressing tab
"editor.insertSpaces": true

I believe both of these settings are overriden by "editor.detectIndentation" so you may have to look at that too.

Answer 2

Look at that to avoid content duplication
- https://stackoverflow.com/a/46856413/7668448
- https://stackoverflow.com/a/46855721/7668448

Also think about setting

• "editor.formatOnPaste"
• "editor.formatOnType"
• "editor.formatOnSave"

to true, they default to false.

That of course by going to user settings (file>preference>settings or through pallet Ctrl+shift+P and write setting you will find within the choices).

Also it's a good thing to do the following: in default settings, in search settings bar, you write "format", then scroll and go through all the parameters related to formatting, it's a long list, but there is a lot of cool things.

Answer 3

What I do to indent everything properly is put {} brackets around everything or just remove and put the final } around the code, this seems to properly indent all of it, this said I mostly use c# I don't know if this works in other languages