Live Server 必须安装以实现保存即刷新；启动后默认监听 http://127.0.0.1:5500，支持相对/根路径资源引用，但不支持跨域、HTTPS 及 file:// 协议。
Live Server 启动本地服务必须装，别手动刷新了
改一行 HTML/CSS/JS 就得切浏览器、按 F5 刷新？这节奏早该淘汰了。Live Server 装上后右键点 index.html → 「Open with Live Server」，它会自动起一个 http://127.0.0.1:5500 本地服务，并监听文件变化——保存即刷新。
注意几个实际坑点：
- 它默认不支持跨域请求（比如调本地
fetch('/api/user')会失败），真要测 API 得换json-server或自己启 Node 服务 - 路径别写死成
file://，所有资源引用必须用相对路径（如./css/style.css）或根路径（如/js/main.js），否则在Live Server下会 404 - 不支持 HTTPS，调试微信 JS-SDK 等需要安全上下文的场景，得另起
https-localhost类插件
Auto Rename Tag 和 Auto Close Tag 是 HTML 编码基本盘
手写 HTML 时漏闭合标签、改了 <div> 忘同步 </div>？这两个插件直接解决底层痛点。
Auto Close Tag 在你输入 <div 回车或 > 后，自动补全 </div>；Auto Rename Tag 则让你改任意一侧标签名时（比如把 <div> 改成 <p>），另一侧立刻跟着变。
常见误用情况：
- 在 Vue/React 的 JSX 中，
Auto Rename Tag对自闭合标签（如<img />）有时失效，建议配合Volar（Vue 3）或ES7+ React Snippets使用 - 如果用了
Prettier格式化，它可能把自动补的</div>换行位置重排，属于正常行为，不用关插件 - 它们对模板字符串里的 HTML（如
`<div>${text}</div>`）完全不生效，这类内容得靠ESLint规则约束
Path Intellisense 补全路径时别依赖直觉
引入图片、CSS、组件时手敲路径容易错，尤其项目用了 Webpack/Vite 别名（如 @/components 或 #src）。Path Intellisense 能实时提示可用路径，但默认不识别别名，得手动配。
实操建议：
- 在 VS Code 设置中搜索
Path Intellisense，打开Path Intellisense.mappings配置项 - 填入项目真实别名映射，例如：
"@": "${workspaceFolder}/src"，否则import Button from '@/ui/Button'里按 Ctrl+Space 不会提示 - 路径错误时，VS Code 底部状态栏会显示「Cannot find module」，但不会高亮报错，得靠保存后控制台报错才暴露问题
中文界面和快捷键别等系统自动适配
装了 Chinese (Simplified) Language Pack for Visual Studio Code 不代表界面立刻变中文——VS Code 默认不自动切换语言，得手动触发。
操作路径：
- 按下
Ctrl+Shift+P（Mac 为Cmd+Shift+P），输入Configure Display Language - 选择
zh-CN后重启 VS Code 才生效 - 如需还原英文，重复上述步骤选
en即可
另外，! + Tab 生成 HTML5 模板、Alt+Z 切换软换行、Ctrl+Space 触发补全，这些快捷键不是默认开启的，但也不用装插件，VS Code 原生支持，只是新手常忽略设置里是否被禁用。
