Prettier is not indenting as specified

typescript visual-studio-code prettier
imnickvaughn picture imnickvaughn · Feb 13, 2018 · Viewed 12.4k times · Source

Prettier continues to format my code incorrectly. I desire 4 spaces for tabs (second picture) but it ignores the editor settings and does 2 (first picture).

I know it is prettier causing this because when I disable it vs code correctly indents for me. Unfortunately the other functionality of prettier is lost. I have already tried uninstalling and reinstalling.

So, what settings changes am I missing? I must be missing something. Any suggestions would be grand. Thanks.

Here are are all of prettier's settings I have changed.

"prettier.singleQuote": true,
"prettier.eslintIntegration": true,
"prettier.tabWidth": 4,
"prettier.useTabs": true

incorrect

correct

Answer

Lipis picture Lipis · Mar 7, 2018

Are you using .editorconfig? You might have to change (or set) to

"editor.tabSize" : 4

as well.

Related questions

How to disable prettier settings creating new line of > of html tag?

I walk through the Prettier extension of Vscode and I can't find how to disable this scenario. See the > of html tag. Here's a sample code that needed some fix, every time i run the Prettier. The output is …

Read More
Experimental decorators warning in TypeScript compilation

I receive the warning... Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option `to remove this warning. ... even though my compilerOptions in tsconfig.json have the following settings: "emitDecoratorMetadata": …

Read More
Visual Studio Code Automatic Imports

I'm in the process of making the move from Webstorm to Visual Studio Code. The Performance in Webstorm is abysmal. Visual studio code isn't being very helpful about finding the dependencies I need and importing them. I've been doing it …

Read More