Live Server 比 Open In Browser 更实用，因为它启动本地 HTTP 服务（如 http://127.0.0.1:5500），支持自动刷新、绕过 file:// 协议限制，确保 fetch、ES 模块 import、相对路径及 CSS @import 正常工作；而 Open In Browser 仅用 file:// 协议打开文件，无法加载模块、触发跨域请求且无热更新。
Live Server 为什么比 Open In Browser 更实用
静态页面开发时，手动刷新浏览器是低效且容易出错的。Live Server 提供的是本地 HTTP 服务 + 自动热更新，而 Open In Browser 只是用 file:// 协议打开文件——后者无法加载相对路径的 fetch 请求、import 模块或某些 CSS @import 规则。
- Live Server 启动后默认监听
http://127.0.0.1:5500，支持跨域调试（如调用本地 mock 接口） - 修改 HTML/CSS/JS 后，浏览器自动刷新；若配了
liveServer.settings.AdvanceCustomBrowserCmdLine，还能指定 Chrome 的特定启动参数 - 不支持
file://下的 ES 模块加载，但 Live Server 的http://协议能正常解析import语句 - 注意：它不会代理后端请求，如需转发 API，得配合
liveServer.settings.proxy手动配置，或换用json-server+concurrently
ESLint + Prettier 冲突时怎么停掉重复规则
两者同时启用时，eslint-config-prettier 不是可选插件，而是必须项——否则你会看到大量格式类警告（如 semi、quotes），甚至 eslint --fix 和 Prettier 反复互相覆盖代码。
- 在
.eslintrc.js的extends数组末尾加上'prettier'，确保它最后生效 - 不要在
rules里手动关掉semi或comma-dangle，那只是治标；正确做法是引入eslint-config-prettier并验证是否生效（运行npx eslint --print-config .eslintrc.js | grep -A 5 semi） -
Prettier插件设置里勾选Format On Save，但关闭eslint.enable的自动修复（避免和 ESLint 的--fix冲突） - 如果项目用 TypeScript，额外加
eslint-config-prettier/@typescript-eslint，否则类型相关规则仍可能打架
Path Intellisense 无法识别 @/ 别名怎么办
VSCode 默认不认识 Webpack/Vite 的路径别名，Path Intellisense 需要显式告诉它别名指向哪，否则 Ctrl+Click 会跳转失败，补全也只显示相对路径。
- 在项目根目录的
jsconfig.json或tsconfig.json中配置"baseUrl"和"paths"，例如：{ "compilerOptions": { "baseUrl": "src", "paths": { "@/*": ["*"] } } } - 确保
Path Intellisense插件设置中启用了path-intellisense.mappings，并设为{"@": "./src"}（与 tsconfig 保持一致） - 重启 VSCode 或按
Ctrl+Shift+P→Developer: Reload Window，否则新配置不生效 - 注意：Vite 用户若用
vite-plugin-alias而非 tsconfig，Path Intellisense无法自动读取，必须手动映射
Auto Rename Tag 在 Vue SFC 里失效的常见原因
Vue 单文件组件（.vue）中，Auto Rename Tag 默认只处理 <template> 区域的标签，对 <script> 或 <style> 里的 JSX、CSS 类名完全不响应——这不是 bug，是设计限制。
立即学习“前端免费学习笔记（深入）”；
- 确认插件已启用，且没有被其他插件（如
Vetur或Volar）的内置重命名功能屏蔽 - 检查 VSCode 设置中
auto-rename-tag.enableAutoRenameTag是否为true，且files.associations正确关联*.vue到vue语言模式 - 如果用 Volar（推荐），它的重命名逻辑更完整，此时应禁用
Auto Rename Tag，避免冲突 - 对
<style scoped>中的 class 名重命名，目前只能靠Find and Replace（Ctrl+H）或Refactor > Rename Symbol（F2）
Path Intellisense 依赖 tsconfig.json，Volar 会接管 Auto Rename Tag，ESLint 和 Prettier 的规则顺序稍错就报红。这些细节不显眼，但卡住时往往查半天文档才发现是配置没对齐。 
