如何阻止VSCode将<p>标签内的常规文本拆分为多行？

• 优先排查Prettier配置
  大概率是Prettier的自动换行规则导致的，可通过以下方式调整：

  1. 在项目根目录创建或修改.prettierrc.json配置文件，添加如下内容：

  {
    "printWidth": 1000,
    "htmlWhitespaceSensitivity": "ignore"
  }
  

  printWidth是触发换行的字符宽度阈值，调大后短文本不会被强制换行；htmlWhitespaceSensitivity设为ignore会忽略HTML文本的空格限制，避免文本被拆分。
  2. 若不想修改全局配置，也可直接在VS Code设置中调整：

  • 搜索Prettier: Print Width，调高数值（比如设为1000）
  • 搜索Prettier: Html Whitespace Sensitivity，选择ignore选项

• 确认默认格式化工具
  打开VS Code命令面板（快捷键Ctrl+Shift+P/Cmd+Shift+P），输入Format Document With，查看当前默认使用的格式化工具是否为Prettier。切换成VS Code内置的HTML格式化工具后，若问题消失，即可确定是Prettier的规则导致的。

• 非Prettier情况的调整
  如果是VS Code内置的HTML格式化导致的换行，搜索设置HTML: Format Wrap Line Length，调高数值或设为0（表示不自动换行）即可。

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