VS Code：关闭自动闭合标签，保留标签自动补全功能

我之前从Sublime Text 3转VS Code时也完全跟你有一样的需求——不想让标签自动闭合，但输入</时能快速补全对应标签。折腾了几下找到了完美的配置方案，具体步骤如下：

1. 关闭自动闭合标签功能 #

打开VS Code的设置面板（快捷键：Windows/Linux用Ctrl+,，Mac用Cmd+,），点击界面右上角的{}图标进入JSON设置编辑模式，添加或修改以下配置项：

"html.autoClosingTags": false

这个设置会直接关闭HTML标签的自动闭合功能，以后输入<div>就不会自动生成</div>了，完全适配你粘贴标签的使用习惯。

2. 确保</触发的标签补全正常工作 #

VS Code默认就支持输入</时触发对应标签的补全建议，但为了保险起见，我们可以确认相关配置没有被禁用：

同样在JSON设置中添加或检查以下配置：

"html.suggest.html5": true,
"editor.suggestOnTriggerCharacters": [
  ".",
  "/",
  ":",
  "<",
  "\"",
  "'",
  "=",
  "$",
  "@",
  "#",
  "(",
  "[",
  "-",
  "{",
  "}"
]

重点是确保editor.suggestOnTriggerCharacters数组里包含/这个字符——它是触发</补全的核心触发键。

效果验证 #

设置完成后你可以测试一下：

• 输入<div>，不会自动弹出</div>；
• 输入</，VS Code会立刻弹出当前页面中已存在的标签补全列表，选中对应的标签（比如div）按回车，就能快速补全为</div>，和ST3的使用体验完全一致。

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