如何在VSCode中调整Prettier配置避免代码被自动拆行？

问题原因排查 #

你修改printWidth不生效，基本是配置优先级冲突或者插件规则覆盖导致的，按以下步骤操作即可解决：

• 确认本地配置优先级
  优先修改项目根目录下的.prettierrc、prettier.config.js或package.json中prettier字段里的printWidth参数，项目本地配置的优先级高于VSCode全局设置，只改全局设置不会生效。
• 修正Vetur与Prettier的关联配置
  打开VSCode设置页，修改以下配置：
  1. 将Vetur > Format: Default Formatter设置为esbenp.prettier-vscode，指定Vetur调用Prettier作为默认格式化工具
  2. 将Editor: Default Formatter也设置为esbenp.prettier-vscode，避免其他格式化插件抢占优先级
  3. 确认Prettier: Print Width的数值和你本地配置保持一致
• 添加额外规则适配你的格式化需求
  要实现单行不拆行的效果，还可以在Prettier配置中添加以下参数：

  {
    "printWidth": 160,
    "arrowParens": "avoid",
    "bracketSameLine": true
  }
  

• 重启VSCode生效
  所有配置修改完成后重启VSCode，重新格式化代码即可看到效果。

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