VSCode原生不支持HTML标签名大小写转换，其Transform to Uppercase/Lowercase命令仅做字符级映射，无法识别标签结构；需借助Change Case插件的“Lowercase Tag Names”命令，仅转换标签名、保留属性及内容不变。
VSCode原生不支持HTML标签名大小写转换
VSCode 内置的 Transform to Uppercase 和 Transform to Lowercase 命令只对选中文本做字符级大小写映射，不会识别 HTML 标签结构。比如选中 <div><span> 执行转小写，结果是 <div><span>（原本就小写），而 <DIV><SPAN> 会变成 <div><span>——但它不管标签是否合法、是否嵌套、是否含属性，纯当普通字符串处理。
也就是说：你不能靠原生命令把 <INPUT TYPE="TEXT"> 变成 <input type="text">，因为属性值和引号内内容也会被误转（TYPE → type 没问题，但 "TEXT" → "text" 就违反了 HTML 规范）。
真正能安全转换HTML标签大小写的插件只有少数几个
目前稳定可用、专注 HTML 标签规范的插件极少，推荐以下两个（2026 年实测兼容 VSCode 1.118）：
-
Auto Close Tag：本身不提供大小写转换，但配合
editor.action.transformToLowercase使用时，能避免因标签未闭合导致的选区错位； - HTML Boilerplate：无此功能；
-
Change Case（by wmaurer）：支持
lowercase tag names和uppercase tag names两条独立命令，**只改开始/结束标签名中的字母，保留属性名、属性值、注释、文本内容不变**。例如：<DIV id="A" class="B">Hello</DIV>→<div id="A" class="B">Hello</div>。
安装后，在命令面板（Ctrl+Shift+P）输入 Change Case: Lowercase Tag Names 即可触发——它会自动识别当前光标所在或选中的 HTML 标签范围，不是全文本暴力替换。
立即学习“前端免费学习笔记（深入）”；
为什么别用正则查找替换强行改HTML标签大小写
有人试图用 Ctrl+H + 正则匹配 <([A-Z]+) 然后替换成 <\L$1，但这在 VSCode 中无效：\L 不被支持，且正则无法区分标签名和属性名（比如 <input TYPE="text"> 会被匹配两次，input 和 TYPE 都中招）。
更危险的是：正则无法识别自闭合标签（<img/>）、条件注释（<!--[if IE]>）、JSX 混写（<MyComponent />）等边界情况，一跑全崩。
所以除非你确认文件是纯 HTML4 且无任何动态内容，否则不要尝试。
插件配置后仍没反应？重点检查这三点
即使装了 Change Case 插件，也常因以下原因失效：
- 光标不在 HTML 语言模式下 —— 右下角状态栏显示
Plain Text或JavaScript时，插件命令不可见；点击它手动切换为HTML； - 选区跨了多个标签但没完整包裹起始/结束对 —— 插件默认只处理“语法上完整的标签单元”，比如只选中
<DIV不触发，必须选中<DIV>...</DIV>或至少<DIV>； - 快捷键冲突或未绑定 —— 该插件默认无快捷键，需进
Ctrl+K Ctrl+S搜索change case lowercase tag names，手动绑定（推荐Ctrl+Alt+Shift+L，避开常用组合）；
最后提醒一句：HTML5 不区分标签大小写，但团队协作时统一用小写是事实标准。插件只是帮你省去手动改写，**它不会修复嵌套错误、缺失闭合或非法属性——那些得靠 validator 或 linter**。
