Live Server可自动启动本地服务并保存即刷新，无需手动F5；安装后右键HTML文件选择“Open with 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），否则在 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 则让你改任意一侧标签名时（比如把 <span> 改成 <p>），另一侧立刻跟着变。
立即学习“前端免费学习笔记（深入）”；
常见误用情况：
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 在 Vue/React 的 JSX 中，
Auto Rename Tag对自闭合标签（<img />）有时失效，建议配合Volar（Vue 3）或ES7+ React Snippets使用 - 如果用了 Prettier 格式化，它可能把自动补的
</div>换行位置重排，属于正常行为，不用关插件 - 它们对模板字符串里的 HTML（如
`<div>${text}</div>`）完全不生效，这类内容得靠 ESLint 规则约束
ESLint + Prettier 组合不是可选项，是协作底线
团队项目里，一个人用空格缩进、一个人用 Tab、有人写 == 有人写 ===，代码 review 成本翻倍。装 ESLint 并配好规则，再加 Prettier 统一格式，等于给代码套了双保险。
关键配置逻辑：
-
ESLint负责语义检查（变量未定义、console.log残留、箭头函数返回值隐式大括号等），错误直接标红 -
Prettier只管格式（换行、引号、分号、空格），不碰逻辑，和 ESLint 规则冲突时，优先以 Prettier 为准 - 务必禁用
prettier-eslint这类过时桥接插件，VS Code 1.80+ 原生支持"editor.formatOnSave": true+"eslint.validate": ["javascript", "typescript", "vue"]
Vetur 和 Volar 别同时装，Vue 项目认准 Volar
Vue 2 项目用 Vetur 没问题，但 Vue 3（尤其用了 Composition API 或 <script setup>）必须换 Volar。两者共存会导致类型提示错乱、ref() 解构后失去类型、defineProps 提示失效等静默问题。
验证是否生效的小技巧：
- 在
.vue文件里写const count = ref(0)，鼠标悬停看能否正确显示Ref<number></number> - 输入
defineProps后按 Ctrl+Space，应出现带泛型的 TS 接口提示，而不是一堆无关函数 - 删掉
Vetur后重启 VS Code（不是重载窗口），再打开.vue文件，底部状态栏应显示「Volar」而非「Vetur」
真正容易被忽略的是：Volar 默认不处理 .js 或 .ts 里的 Vue 相关类型，如果你在纯 TS 文件里 import 了 defineComponent，得手动在 jsconfig.json 或 tsconfig.json 里加 "types": ["volar"]。
