VS Code 中 Prettier 的 printWidth 设置未生效问题求助

我之前也碰到过Prettier配置明明显示读取了但printWidth就是不生效的情况，结合你的MDX文件场景，给你整理几个排查方向和解决办法：

1. 确认实际生效的配置是否真的是80 #

虽然日志显示读取了.prettierrc，但可能存在优先级更高的局部配置（比如子文件夹里的.prettierrc、package.json里的prettier字段）覆盖了你的设置。你可以用Prettier的CLI命令直接查看当前文件实际应用的配置：

npx prettier --print-config /Users/username/Documents/whatever/project/file.mdx

运行后会输出完整的生效配置，重点看printWidth的值，如果不是80，就能定位到哪里的配置在搞事情。

2. MDX文件的特殊格式化规则 #

MDX是混合了Markdown和JSX的格式，Prettier对它的文本段落有默认的proseWrap: "preserve"规则——也就是保留你原来的换行，不会强制把长文本拆成80字符。如果想让文本段落也严格按printWidth换行，需要在你的.prettierrc里加上：

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

如果是MDX里的JSX部分不换行，那可以检查下是否有jsxSingleQuote、jsxBracketSameLine这类配置影响，但先优先处理proseWrap的问题，这是MDX场景最常见的原因。

3. 排查VS Code扩展冲突 #

如果你安装了其他格式化相关的扩展（比如ESLint、专门的MDX格式化插件），它们可能会和Prettier抢格式化权限。可以先暂时禁用这些扩展，然后再保存文件试试。另外要确保VS Code的默认格式化器是Prettier：

• 打开设置（快捷键Ctrl/Cmd + ,），搜索Default Formatter，确认选择的是esbenp.prettier-vscode。

4. 清空Prettier缓存 #

有时候缓存会导致配置更新不生效，你可以在VS Code的命令面板（快捷键Ctrl/Cmd + Shift + P）里运行Prettier: Clear Cache，然后重启VS Code再尝试格式化。

5. 更新Prettier版本 #

不同版本的Prettier对MDX的处理可能有差异，旧版本可能存在printWidth不生效的bug。可以尝试更新到最新版本：

# 项目本地依赖更新
npm install --save-dev prettier@latest
# 全局依赖更新（如果用的是全局Prettier）
npm install -g prettier@latest

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