Auto Close Tag插件不生效主因是VSCode 1.84+内置html.autoClosingTag冲突，需禁用内置功能并确认语言模式为HTML；script/style闭合需开启SublimeTextMode或指定activationOnLanguage；Vue/JSX需扩展语言支持；光标错乱应关闭formatOnType并设固定tabSize。
Auto Close Tag插件为什么经常不生效
插件装了但敲 <div> 没反应，大概率是它被其他插件或VSCode原生功能压制了。VSCode 1.84+ 内置了 html.autoClosingTag，默认开启，会和 Auto Close Tag 冲突——后者反而被禁用。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 关掉内置补全：
"html.autoClosingTag": false加到settings.json - 确认 Auto Close Tag 插件已启用（右下角状态栏有
ACT图标） - 检查当前文件语言模式是不是
html：右下角点开语言标识，选“HTML”，别是“Plain Text”或“PHP” - 如果用 Prettier 或 Emmet，它们也可能劫持输入行为；临时禁用测试是否冲突
怎么让 <script> 和 <style> 也自动闭合
默认只对标准 HTML 标签生效，<script>、<style> 这类“双标签但常自闭合”的场景需要手动开开关。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在
settings.json中加配置："auto-close-tag.SublimeTextMode": true—— 这个模式会更激进地匹配成对标签 - 或者单独指定标签列表：
"auto-close-tag.enableAutoCloseTagWithTab": true+"auto-close-tag.activationOnLanguage": ["html", "vue", "javascript"] - 注意：
<img>、<input>这类自闭合标签不会额外补</img>，插件本身识别语义，不用担心
Vue / JSX 文件里 <template> 或 <div> 不闭合？
Vue 单文件组件中，<template> 块内用的是 HTML 语法，但 VSCode 可能按 vue 语言模式加载，而 Auto Close Tag 默认只监听 html。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在设置里显式加入语言支持：
"auto-close-tag.activationOnLanguage": ["html", "vue", "javascriptreact"] - 确保
lang="html"的<template>被正确识别；如果写了lang="pug"，那就不归它管 - JSX 中的
<div>属于 JavaScript 语法范畴，Auto Close Tag 不处理；得靠 ESLint + Prettier 或 TypeScript 插件来校验
补全后光标位置错乱或多出空格
典型现象是输完 <div> 回车，光标卡在 </div> 里面，或者自动缩进崩了。本质是插件和 VSCode 缩进/格式化策略打架。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 关掉
"editor.formatOnType": true（尤其搭配 Prettier 时），避免补全后立刻触发格式化干扰光标 - 把
"editor.tabSize"设为明确值（如2），别用"auto"，否则不同文件缩进逻辑不一致 - 如果总在标签中间换行，试试改用 Tab 键触发闭合：
"auto-close-tag.enableAutoCloseTagWithTab": true，比回车更可控
真正麻烦的是嵌套深、带属性、又混着大段文本的标签——这时候别硬靠自动补全，Emmet 的 div>p>span 一次展开更稳。补全是辅助，不是替代手写语义的拐杖。
