重装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
相关产品推荐
相关产品推荐

