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="#"></a>快速加上target="_blank"?光标移到>前,输入[target=_blank]+Tab
注意:Tab 是关键触发键,不是回车;Emmet 默认只在 .html 文件中激活,右下角语言模式必须是 HTML。
Auto Rename Tag 对属性名无效,只管标签名
这个插件名字有误导性——它只同步成对标签(比如把 <div> 改成 <code><section></section>,自动把











