Live Server仅实现保存后页面刷新，不支持属性值的快速切换；真正实现HTML属性增删改的是VSCode内置Emmet，需在HTML语言模式下通过缩写+Tab触发，如imgsrc=""+Tab生成带空属性的标签。
Live Server 保存即刷新，但不解决属性切换
很多人装了 Live Server 就以为能“快速切换属性”，其实它只管刷新页面，不参与代码编辑逻辑。想改 src、alt、width 这些属性值，还是得手动输、手动删、手动补全——除非你用对了底层机制。
Emmet 是 HTML 属性切换的真正引擎
VSCode 内置 Emmet，它才是帮你“快速写/改/切”属性的核心。不是靠插件按钮，而是靠缩写 + Tab 触发智能补全：
- 输入
img[src=][alt=]+Tab→ 自动生成<img src="" alt=""> - 已有
<img>标签，光标停在标签内末尾，输入[title=][width=200]+Tab→ 自动追加属性 - 想把
<a href="#">快速加上target="_blank"？光标移到>前，输入[target=_blank]+Tab
注意：Tab 是关键触发键，不是回车；Emmet 默认只在 .html 文件中激活，右下角语言模式必须是 HTML。
Auto Rename Tag 对属性名无效，只管标签名
这个插件名字有误导性——它只同步成对标签（比如把 <div> 改成 <section>，自动把 </div> 变成 </section>），但对属性完全无感。改 class 不会联动改 id，改 src 更不会影响 alt。别指望它帮你切属性值。
立即学习“前端免费学习笔记（深入）”；
属性值批量替换必须用 Ctrl+Shift+H + 正则
真要“切换”一类属性（比如把所有 width="100" 换成 width="150"，或把 alt="" 批量补成 alt="图片描述"），唯一可靠方式是全局查找替换：
- 按
Ctrl+Shift+H打开“在文件中替换” - 查
alt=""，替换成alt="未命名图像"—— 简单场景直接文本替换 - 查正则
src="([^"]*?\.png)"，替换成src="$1" loading="lazy"—— 这才是真正“切换”并增强属性 - 务必勾选
.*（正则）、ab（全字匹配可选）、并在底部填*.html限定范围
没用过正则就硬敲，几十个 img 标签得一个个点进去改，而且容易漏掉嵌套在 picture 或模板字符串里的属性。
