You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

重装Windows后Prettier格式化TSX代码不符合预期求助

解决Prettier保存时不换行JSX属性的问题

以下是几个排查和解决的步骤:

  • 调整Prettier的JSX属性换行配置
    打开VSCode设置(快捷键Ctrl+,),搜索prettier.jsxWrapAttributes,将值改为force。这个配置会强制JSX的每个属性单独占一行,正好匹配你想要的格式。同时可以检查prettier.printWidth,如果这个值设得过大(比如120以上),即使属性较多也可能不会触发换行,建议保持默认的80或按需调整。

  • 确认默认格式化器是Prettier
    在VSCode设置里搜索default formatter,确保选中的是esbenp.prettier-vscode。如果用了其他格式化器(比如ESLint自带的格式化),会覆盖Prettier的行为。

  • 检查项目本地的Prettier配置文件
    看看项目根目录下有没有.prettierrc、.prettierrc.json或者prettier.config.js这类文件,里面的配置会优先于VSCode全局设置。如果有,把jsxWrapAttributes设为force,示例配置:

    {
      "jsxWrapAttributes": "force",
      "printWidth": 80
    }
    
  • 确保开启了保存时格式化
    搜索format on save,勾选Editor: Format On Save选项,这样保存代码时才会自动触发Prettier格式化。

  • 重载VSCode窗口
    做完配置修改后,按Ctrl+Shift+P调出命令面板,选择Reload Window,确保配置生效。

内容的提问来源于stack exchange,提问作者user24055295

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 14:23:30