VSCode Prettier 将 Condition 语句分隔成单独的行

Posted

技术标签:

【中文标题】VSCode Prettier 将 Condition 语句分隔成单独的行【英文标题】:VSCode Prettier Keeps separating Condition statements into separate lines 【发布时间】:2021-08-26 18:20:52 【问题描述】:

如何阻止 Prettier VSCode Formatter 分解相等的语句? 在编写 Angular 代码时,以下条件语句分为两行。

if (
   productId ===
   productTest
)

简单的代码难以阅读。

【问题讨论】:

从你的 VS 中移除 Prettier。 hi @Abedin.Zhuniqi 我们最喜欢 Prettier 的所有功能,除了那个 【参考方案1】:

Prettier 默认情况下不会分解相等的语句,因此要么语句超过了最大打印宽度,要么你有另一个插件以某种方式干扰。

您可以通过添加更漂亮的配置文件来增加打印宽度,例如.prettierrc 文件到项目的根目录并设置打印宽度,例如


  "printWidth": 100

您可以在以下位置查看配置文件类型和选项的完整列表:https://prettier.io/docs/en/configuration.htmlhttps://prettier.io/docs/en/options.html

【讨论】:

以上是关于VSCode Prettier 将 Condition 语句分隔成单独的行的主要内容,如果未能解决你的问题,请参考以下文章

保存时 VSCode Prettier 警告 - Arrow Parens

VSCode Prettier 扩展 vs 命令行 Prettier

VS Code:Prettier 将段落文本拆分为多行

在 VSCode 上安装 Prettier

VsCode eslint与prettier配置冲突

将 prettier 作为 NPM 包安装和在 VS Code 中安装 prettier 扩展有啥区别