Live Server需正确配置才能实现真热重载：开启自动重载、排除.ts/.scss等非触发文件、固定端口避免请求失败，并确保无插件干扰。
VSCode本身只是个编辑器，真正决定你写代码快不快、错不错、顺不顺的，是插件组合是否贴合真实开发链路。光装一堆热门插件没用，关键得知道哪些必须开、哪些要关、哪些得配参数才能跑起来。
Live Server 怎么配才真能热重载
很多人装了 Live Server 却发现改完 HTML 保存后页面没刷新——大概率是没开自动重载，或者被其他插件干扰了。
- 默认配置下，
liveServer.settings.NoBrowser是false，但如果你开了多个浏览器或用了私有模式，得手动设"liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito" - 热重载依赖文件监听，如果项目里有
.ts或.scss文件，它们默认不会触发刷新；得在.vscode/settings.json里加"liveServer.settings.ignoreFiles": ["**/*.ts", "**/*.scss"]，否则改完源码却等不到刷新 - 端口冲突很常见，默认
5500被占时它会自动跳到下一个可用端口，但前端请求地址硬编码了http://localhost:5500就会失败；建议统一配成固定端口："liveServer.settings.port": 3000
ESLint 和 Prettier 别直接一起装
装完两个插件就勾上“保存时格式化”，结果代码越改越乱——这是最典型的规则打架现象。ESLint 管逻辑对不对，Prettier 管括号换行空格怎么摆，二者默认规则有重叠。
- 必须装
eslint-config-prettier插件，并在.eslintrc.js的extends数组末尾加上'prettier'，否则quotes、semi这类格式规则会和 Prettier 冲突 - VSCode 设置里只保留一个默认 formatter：
"editor.defaultFormatter": "esbenp.prettier-vscode"，ESLint 插件只负责报错，不参与格式化 - 如果团队用 TypeScript，
eslint-plugin-react和@typescript-eslint/eslint-plugin得按顺序引入，否则no-unused-vars可能误报类型参数
Auto Rename Tag 在 JSX/Vue 里怎么不丢属性
在 React 里改 <Button size="large"> 的标签名，结果闭合标签变成 </Button>，但 size 属性没了——这是因为插件默认只同步标签名，不处理属性。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
立即学习“前端免费学习笔记（深入）”；
- 必须在
settings.json里开启："auto-rename-tag.includeOpeningTag": true，否则只改开头标签，闭合标签还是旧名 - JSX 中自定义组件（如
<MyCard>）默认不被识别为可重命名标签；得加配置："auto-rename-tag.activationOnLanguage": ["html", "xml", "vue", "javascriptreact", "typescriptreact"] - Vue 的
<template>块里，v-if、@click这类指令不会被同步，这是设计限制，不是 bug
Path Intellisense 路径补全为什么总找不到 @/src
写了 import utils from "@/utils"，按下 Ctrl+Space 却没提示——说明插件没读到你的路径别名配置。
- 它只认
jsconfig.json或tsconfig.json里的compilerOptions.paths，不能读webpack.config.js或vite.config.ts - 配置必须写成对象形式：
"@/*": ["src/*"]，不能写成"@/": ["src/"]，否则补全会失败 - 如果项目用了 monorepo 结构（比如 pnpm workspace），
jsconfig.json得放在每个 package 根目录，而不是 workspace 根目录
插件不是越多越好，而是每个都得清楚它在哪起作用、在哪失效、哪条配置能救场。很多问题其实就卡在一行 JSON 配置没对上，而不是插件本身不行。
