live server右键无反应的根本原因是未在工作区中打开已保存的.html文件：必须通过“文件→打开文件夹”建立工作区，确保右下角显示go live按钮，且仅对已保存、路径不含中文/空格、语言模式为html的.html文件生效。
Live Server 为什么右键没反应？
常见现象是右键菜单里找不到 Open with Live Server，或者点了没反应。根本原因通常是当前文件没在工作区根目录下——Live Server 只对打开的文件夹（即工作区）里的 HTML 文件生效，单独打开一个 index.html 文件时插件不激活。
- 必须通过
File → Open Folder打开整个项目文件夹，而不是双击文件直接打开 - 确保 HTML 文件路径不包含中文、空格或特殊符号，比如
my project/index.html会失败，改成my-project/index.html - 如果仍无效，检查状态栏右下角是否有
Go Live按钮，没有就说明插件没识别到有效上下文
Auto Rename Tag 同步失效怎么办？
这个插件默认只处理标准 HTML 标签，遇到自定义组件标签（如 <mybutton></mybutton>）或 JSX 语法时不会触发重命名，不是 bug，是设计如此。
- 它只监听
<div>、<code><span></span>等原生标签，对 Vue 的<template></template>或 React 的 JSX 不起作用 - 修改标签时务必用鼠标选中完整开始标签（包括尖括号），只选中文字部分不会触发
- 若在 Vue 单文件组件中想获得类似功能，需配合
Volar插件，而非依赖 Auto Rename Tag - 先装
esbenp.prettier-vscode和dbaeumer.vscode-eslint两个插件 - 在 VS Code 设置里搜
editor.defaultFormatter，设为 Prettier；再搜eslint.enable，确保开启 - 关键一步：在项目根目录加
.eslintrc.js，里面extends加上'prettier'，例如：extends: ['eslint:recommended', 'prettier'] - 这样 ESLint 就会把 Prettier 视为“格式层”，只管逻辑规则，不管缩进/引号/分号这些样式问题
- 按
Ctrl + ,打开设置，搜索Icons Theme，手动选VSCode Icons（不是默认的Minimal） - 重启 VS Code 后，如果 .vue 文件仍无图标，检查是否已安装
Volar—— vscode-icons 依赖语言服务识别文件类型 - 图标缓存偶尔卡住，可尝试命令面板（
Ctrl + Shift + P）运行Developer: Reload Window
Prettier 和 ESLint 冲突怎么调？
两者都格式化代码，但规则打架会导致保存时反复“来回改”：ESLint 报错 semi，Prettier 又删掉分号，再保存又报错。
vscode-icons 显示异常或图标不更新
装完插件后文件图标还是默认样式，或者某些文件类型（比如 .vue）没对应图标，大概率是主题没切对或文件关联没生效。
