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> 忘同步 <code>
？这两个插件直接解决底层痛点。
Auto Close Tag 在你输入 <div> 回车或 <code>> 后，自动补全
；
Auto Rename Tag 则让你改任意一侧标签名时（比如把
<div> 改成 <code><p></p>），另一侧立刻跟着变。
常见误用情况：
- 在 Vue/React 的 JSX 中，
Auto Rename Tag 对自闭合标签（如 <img>）有时失效，建议配合 Volar（Vue 3）或 ES7+ React Snippets 使用
- 如果用了
Prettier 格式化，它可能把自动补的
换行位置重排，属于正常行为，不用关插件
它们对模板字符串里的 HTML（如 `<div>${text}</div>`）完全不生效，这类内容得靠 ESLint 规则约束
Path Intellisense 补全路径时别依赖直觉
引入图片、CSS、组件时手敲路径容易错，尤其项目用了 Webpack/Vite 别名（如 @/components 或 #src）。Path Intellisense 能实时提示可用路径，但默认不识别别名，得手动配。
VSCode
避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。
下载
实操建议：
- 在 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 原生支持，只是新手常忽略设置里是否被禁用。
