根本原因是live server仅监听工作区根目录文件变更且与框架开发服务器冲突；应确认项目类型——react/vue等用cli启动，纯静态页才启用live server，并检查root路径设置、端口占用及浏览器地址是否为http://而非file://。
Live Server 启动后页面不刷新，Go Live 按钮失效怎么办
根本原因不是插件坏了，而是它只监听当前工作区根目录下的文件变更，且默认不处理子目录外的路径。常见于用 create-react-app 或 vite 脚手架初始化的项目——这些项目自带开发服务器，Live Server 会和它们冲突，反而导致静态资源加载失败或热重载静默。
实操建议：
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 确认你是否真需要
Live Server：React/Vue/Svelte 项目直接用框架 CLI 启动（npm run dev），它比Live Server更准确地处理模块解析、HMR 和代理配置 - 纯 HTML/CSS/JS 小项目才启用它；右键点击的是
index.html文件，而不是整个文件夹 - 如果必须用，检查设置中
"liveServer.settings.root": "./"是否被意外改成其他路径；删掉这行或设为"./"即可恢复默认行为 - 浏览器控制台报
net::ERR_CONNECTION_REFUSED？说明端口被占，改"liveServer.settings.port": 5501再试
Prettier 格式化后代码缩进错乱，和 ESLint 提示冲突
这不是 bug，是两个工具在“谁管缩进”这件事上没对齐。Prettier 管所有格式（包括缩进、换行、引号），ESLint 默认也校验缩进（indent 规则），结果保存时 Prettier 先改、ESLint 紧跟着标红，形成视觉打架。
实操建议：
- 在
.eslintrc.cjs或.eslintrc.js中禁用格式类规则："indent": "off", "quotes": "off", "semi": "off", "comma-dangle": "off" - 确保 VSCode 设置里只启用一个格式化工具：
"editor.defaultFormatter": "esbenp.prettier-vscode"，并关掉"editor.formatOnSave"的全局开关，改用"[javascript]": {"editor.formatOnSave": true}这类语言级控制 - 如果团队用 ESLint 做代码质量检查（比如
no-unused-vars），保留它；只让 Prettier 负责“怎么写”，ESLint 负责“写得对不对”
Auto Rename Tag 在 Vue/JSX 中失效或重命名不完整
它依赖标签的语法结构识别，而 Vue 单文件组件（.vue）里的 <template></template> 和 JSX 的嵌套表达式（如 {items.map(...)}）会让插件误判闭合位置。典型表现是改了 <div>，但 <code>
