typescriptvisual-studio-codeformattingangular7prettier

Import statement automatically converted to multi-line in VSCODE


My VSCode editor automatically wraps import statements into new lines on save or format document:

Before: enter image description here

After:

enter image description here

I don't want this behaviour. How to disable this rule?

I am programming in Angular 7 typescript and following extension is installed on it:

  1. Angular Essentials
  2. Prettier
  3. TSlint

Please, help me to remove this rule or behavior.

Thank you.


Solution

  • This is caused by Prettier.

    I don't think you can disable this on its own (short of using a // prettier-ignore comment above the import) but you can try increasing the line length at which prettier starts wrapping with the prettier.printWidth setting