VSCode保存HTML文件自动添加换行问题求助

嗨，我来帮你搞定这个困扰！既然已经排除了扩展的影响，那问题肯定出在VSCode自带的HTML格式化配置上。你想要保持<li><span>X</span></li>这类元素在同一行不被拆分，可以按以下步骤调整设置：

步骤1：打开VSCode设置界面 #

你可以通过快捷键快速打开：

• Windows/Linux：按下Ctrl + ,
• Mac：按下Cmd + ,
  或者通过菜单栏依次点击「文件 > 首选项 > 设置」打开。

步骤2：调整HTML格式化的换行规则 #

在设置搜索框中输入html.format，找到以下关键选项并修改：

• html.format.wrapLineLength：这个选项控制格式化时的换行长度阈值，默认值通常是80（意思是当一行代码超过80字符就自动换行）。把它改成一个足够大的数值，比如9999，这样你的短<li>元素就不会因为长度触发自动换行了。
• html.format.wrapAttributes：如果你的元素属性也存在被强制换行的情况，可以把这个选项设为preserve，它会保持你原本的属性排版方式，不会自动拆分。

步骤3：（可选）使用工作区设置隔离配置 #

如果你不想修改全局配置，只针对当前项目生效，可以在项目根目录下创建.vscode/settings.json文件，添加以下配置：

{
  "html.format.wrapLineLength": 9999,
  "html.format.wrapAttributes": "preserve",
  "editor.formatOnSave": true
}

这样只会在当前项目中应用这些规则，不影响其他项目的设置。

验证效果 #

修改完设置后，保存你的HTML文件，看看那些<li>元素是不是已经保持在同一行，符合你期望的格式了。

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