如何配置Prettier避免VS Code中JavaScript代码被格式化为奇怪的多行样式？

Prettier 本身属于强约束型格式化工具，默认不会保留原始的代码排版格式，你遇到的自动折行问题是因为单行代码长度超过了默认的printWidth阈值（默认80字符）触发的，可通过以下两种方式解决：

• 调整单行长度阈值
  在项目根目录的.prettierrc（或对应Prettier配置文件）中修改printWidth参数，调高允许的单行最大字符数，示例配置如下：

  {
    "printWidth": 120
  }
  

  如果要修改VS Code中Prettier插件的全局默认配置，也可以直接在编辑器设置页搜索Prettier: Print Width，修改对应数值即可。调整后只要单行代码总长度不超过你设置的阈值，就不会被强制拆分成多行。
• 局部跳过格式化
  如果仅不想修改当前这段代码的格式，无需调整全局配置，只需要在目标代码块的上一行添加// prettier-ignore注释即可，示例用法：

  // prettier-ignore
  if ($("#epgprogramdescription" + channelListIndexOffset + ":nth-of-type(" + (programListIndexOffset + 1) + ")" ).length) {
      $("#epgprogramdescription" + channelListIndexOffset + ":nth-of-type(" + programListIndexOffset + ")").removeClass("epgtablerowselected");
      $("#epgprogramdescription" + channelListIndexOffset + ":nth-of-type(" + (programListIndexOffset + 1) + ")").addClass("epgtablerowselected");
  } else {
      programListIndexOffset--;
  }
  

  添加注释后Prettier会跳过这段代码的格式化，完全保留你原始的排版。

内容的提问来源于stack exchange，提问作者Sergio