新手用 VS Code 写 HTML5 常因三处配置失误：未启用 Emmet Tab 展开、文件未关联 HTML 语言模式、html.autoClosingTag 开启导致自闭合标签错误补全；务必检查右下角语言标识并重启窗口。

Visual Studio Code 写 HTML5 时，新手常漏掉的不是语法，而是编辑器本身的几个关键配置——没开 Emmet、没关自动闭合标签干扰、没配好文件关联，结果写 <div> 按回车变成 <div></div> 还以为是 bug；或者敲 html:5 没反应，其实是 Emmet 触发前缀没生效。

Emmet 快捷键不生效？检查这三处设置

VS Code 默认已内置 Emmet，但新手常因以下原因用不了：

• "emerald.emmet.triggerExpansionOnTab" 被设为 false（旧版插件遗留）→ 改成 true 或删掉该行，让 Tab 键可展开缩写
• "files.associations" 里没把 .html 关联到 html 语言模式 → 检查右下角状态栏是否显示 “HTML”，否则敲 ! + Tab 不会生成 html:5 模板
• 在非 html 语言模式下（比如当前文件被识别为 Plain Text）→ 点击右下角语言名，选 “Change Language Mode” → 选 “HTML”

写 <input> 或 <img> 时多出闭合标签？关掉这个选项

VS Code 默认开启 "html.autoClosingTag"，对自闭合标签（如 <img>、<input>）会强制补 </input>，导致 HTML5 验证失败或渲染异常。

Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载

• 在设置中搜索 autoClosingTag，把 html.autoClosingTag 设为 false
• 保留 javascript.autoClosingTag 和 typescript.autoClosingTag（它们不影响 HTML）
• 若只希望部分标签不闭合，可用 "html.suggest.html5" 控制属性提示，但不如直接关掉自动闭合来得干净

新建 .html 文件没自动补 html:5 模板？确认语言模式和文件后缀

敲 ! + Tab 生成 HTML5 基础结构，依赖两个前提：

立即学习“前端免费学习笔记（深入）”；

• 文件后缀必须是 .html（不能是 .txt 或无后缀）
• 编辑器右下角语言模式必须是 HTML（不是 “Plain Text” 或 “Auto”）
• 如果仍无效，在命令面板（Ctrl+Shift+P）运行 Emmet: Expand Abbreviation 手动触发一次，排除快捷键冲突

最易被忽略的是：改完设置后没重启编辑器窗口，或在已有未保存的 Plain Text 文件里硬敲 !——Emmet 根本不监听那种上下文。别猜，先看右下角语言标识，再试。