刚配好vscode写前端，真正影响日常开发节奏的核心插件是live server、auto rename tag、auto close tag、eslint、prettier、path intellisense——分别解决热重载预览、html标签自动闭合与同步、代码规范检查、保存自动格式化、路径智能补全五大高频痛点，少一个即明显拖慢开发节奏。
刚配好 VSCode 写前端，别急着装一堆插件——真正影响日常开发节奏的，就那几个核心插件，装错或漏掉一个，写 HTML 时标签总忘闭、改个 class 名要手动搜三次、保存后还得切浏览器点刷新。
Live Server：改完代码不手动刷新的关键
它不是“能打开浏览器”就行，而是靠内置本地 HTTP 服务 + WebSocket 实现真正的热重载。Open in Browser 只是调用 file:// 协议，无法加载相对路径资源（比如 ./css/index.css），也触发不了 JS 的模块解析逻辑。
- 安装后右下角出现
Go Live按钮，点一下就启动，默认端口5500 - 若端口被占，直接在设置里改
liveServer.settings.CustomBrowser或设liveServer.settings.Port为0（自动分配） - 注意：它不处理构建产物（如 Webpack 输出的
dist/），只适合静态 HTML/CSS/JS 原生开发或 Vue/React 的单文件快速预览
Auto Rename Tag & Auto Close Tag：HTML/XML 编辑不翻车的基础
这两个插件解决的是最原始但高频的错误：标签没闭合、改了 <div> 忘改 <code>
