根本原因是Live Server仅监听工作区根目录文件变更且与框架开发服务器冲突；应确认项目类型——React/Vue等用CLI启动，纯静态页才启用Live Server，并检查root路径设置、端口占用及浏览器地址是否为http://而非file://。
Live Server 启动后页面不刷新，Go Live 按钮失效怎么办
根本原因不是插件坏了，而是它只监听当前工作区根目录下的文件变更，且默认不处理子目录外的路径。常见于用 create-react-app 或 vite 脚手架初始化的项目——这些项目自带开发服务器，Live Server 会和它们冲突，反而导致静态资源加载失败或热重载静默。
实操建议：
立即学习“前端免费学习笔记（深入）”；
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> 和 JSX 的嵌套表达式（如 {items.map(...)}）会让插件误判闭合位置。典型表现是改了 <div>，但 </div> 没同步，或者 <MyComponent> 只改了开头没动结尾。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 优先用官方
Volar插件（Vue 3）或Vetur（Vue 2），它们内置更健壮的标签匹配逻辑，Auto Rename Tag可以卸载 - 若坚持使用，检查设置中
"auto-rename-tag.activationOnLanguage": ["html", "xml", "php"]是否漏掉了"vue"或"javascriptreact" - 遇到 JSX 失效，尝试把光标停在开始标签的尖括号内（如
<|div>）再改名，比停在标签名中间更可靠
装了十几个插件后 VSCode 打开慢、输入卡顿
每个插件都在独立 Node.js 子进程中运行，监听文件打开、保存、按键等事件。插件越多，IPC 通信越频繁，主进程调度压力越大——尤其当多个插件同时响应 onDidOpenTextDocument（比如 Prettier + ESLint + CodeGeeX + Path Intellisense）时，编辑器会明显卡顿。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用命令面板执行
Developer: Show Running Extensions，看哪些插件占用 CPU 高、启动耗时长；重点关注带“language server”“formatter”“AI”字样的插件 - 禁用非必要插件：比如
Bracket Pair Colorizer已被 VSCode 1.80+ 原生支持，indent-rainbow和Guides功能重叠，留一个即可 - 把 AI 类插件（如
CodeGeeX、Tencent Cloud AI Code Assistant）设为“按需启用”：在settings.json加"codegeex.enabled": false，需要时再手动开启 - 关键指标：打开一个空 JS 文件，从点击到光标可输入应 ≤300ms；若超 800ms，基本可以确定是插件拖慢，不是硬件问题
