VS Code + Prettier 不使用 printWidth 设置？

如何解决VS Code + Prettier 不使用 printWidth 设置？

我正在尝试让 Prettier 使用 printWidth 的 80 个字符（据我所知是默认值）格式化我的文件。但是，即使配置了我的用户设置：

"prettier.printWidth": 80

AND 在项目中使用 .prettierrc 配置：

{
  "tabWidth": 2,"useTabs": false,"printWidth": 80
}

...保存文件时没有任何变化（实现了其他设置，这让我认为某处存在冲突）。

即使是 VS Code 中的 Prettier 输出也表明它正在拉入配置：

["INFO" - 8:27:53 PM] Using config file at '/Users/username/Documents/whatever/.prettierrc'
["INFO" - 8:27:53 PM] Prettier Options:
{
  "filepath": "/Users/username/Documents/whatever/project/file.mdx","parser": "mdx","tabWidth": 2,"printWidth": 80
}
["INFO" - 8:27:53 PM] Formatting completed in 93.855083ms.

解决方法

您正在格式化 MDX，它是 Markdown 的一种变体。默认情况下，在 Markdown 中打破文本以遵守打印宽度被认为是不安全的，因为这会影响一些对换行敏感的渲染器。这就是为什么 Prettier 的选项 proseWrap(docs) 默认为 preserve。将其设置为 always 以使 Prettier 开始换行。