Visual Studio Code粘贴HTML代码时自动添加多余闭合标签求助

问题描述 #

在VS Code中粘贴HTML代码时，系统会自动插入多余的闭合标签，破坏代码结构。例如：
复制以下代码：

<footer>
    <p>Hi</p>
</footer>

粘贴后变为：

<footer></footer>
    <p>Hi</p>
</footer>

顶部被意外添加了<footer></footer>，导致代码错误。

已尝试的解决方法 #

• 关闭自动格式化设置：

  "editor.formatOnPaste": false
  "editor.formatOnSave": false
  "editor.defaultFormatter": null
  

• 禁用Emmet相关设置：

  "emmet.triggerExpansionOnTab": false
  

• 禁用Auto Close Tag、Auto Rename Tag、Prettier等扩展
• 将Prettier设为默认格式化器，无变化
• 检查Problems Panel无错误提示
• 重置所有设置为默认值，甚至重装VS Code，问题仍存在

环境 #

• Visual Studio Code版本：1.93
• 操作系统：Windows
• 已安装的HTML相关扩展：Prettier、Auto Close Tag、Auto Rename Tag、Live Server

解决建议 #

1. 关闭VS Code内置的HTML自动标签闭合功能
   在设置中搜索html.autoClosingTags，将其设置为false。该设置属于VS Code内置的HTML语言服务，即使禁用第三方扩展也可能生效：

   "html.autoClosingTags": false
   

2. 禁用编辑器全局自动闭合括号/标签设置
   搜索editor.autoClosingBrackets，将其值改为never，避免编辑器在粘贴时自动补全标签：

   "editor.autoClosingBrackets": "never"
   

3. 使用纯文本粘贴
   粘贴时使用快捷键Ctrl+Shift+V（Windows），强制以纯文本形式粘贴内容，绕过编辑器的自动处理逻辑。

4. 排查剩余扩展影响
   尝试禁用所有已安装的扩展（包括Live Server），再测试粘贴功能。如果问题消失，逐个启用扩展排查具体冲突源。

5. 清理剪贴板格式
   先将代码复制到记事本等纯文本编辑器，再从记事本复制后粘贴到VS Code，排除剪贴板隐藏格式导致的解析异常。

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