在 VSCode 中使用 Prettier 格式化打字稿？

Posted 2023-03-13

【中文标题】在 VSCode 中使用 Prettier 格式化打字稿？

【英文标题】：Formatting typescript with Prettier in VSCode?

【发布时间】：2018-12-03 08:42:31

【问题描述】：

现在当我按下 ctrl+shift+p 并选择格式文档时，代码的格式如下：

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

我希望它看起来像这样：

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

关于我可以翻转哪些开关有什么想法吗？我正在使用Prettier 格式化扩展。

【问题讨论】：

您是否使用任何特定的扩展名进行格式化？

是 - 添加了有问题的链接。

【参考方案1】：

printWidth 是您搜索的内容。 -> https://prettier.io/docs/en/options.html

但是你会遇到 tslint 和 prettier 的其他问题。试试这样的插件。 -> https://alexjoverm.github.io/2017/06/12/Use-Prettier-with-TSLint-and-be-happy/

【讨论】：

?这是什么意思。我会遇到 lint 和 prettier 的问题，但是使用 prettier 和 lint ......在枚举它们时更改位置可以解决问题？？？？哈哈

Eslint 和 prettier 应该同步。

【参考方案2】：

将以下代码添加到您的 setting.json 文件中：

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