visual studio code - Formatarea TypeScript cu Prettier în VSCode?

Chiar acum, când apăs ctrl+shift+p și selectez formatare document, codul se formatează astfel:

   const validators: Array<
     ValidationContext
   > = ValidationContainer.getValidationContexts(key);

Aș dori să arate așa:

   const validators: Array<ValidationContext> =
         ValidationContainer.getValidationContexts(key);

Aveți idei despre ce setări pot modifica? Folosesc extensia de formatare Prettier.

Răspuns #1

printWidth este ceea ce cauți. -> https://prettier.io/docs/en/options.html

Dar vei avea alte probleme cu tslint și prettier. Încearcă un plugin ca acesta. -> https://alexjoverm.github.io/2017/06/12/Use-Prettier-with-TSLint-and-be-happy/

Răspunsul #2

Adaugă codurile de mai jos în fișierul tău setting.json:

"[typescript]": { "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode" }