prettier保存无反应？先确认editor.formatonsave开启，再检查vetur/volar是否抢占格式化权，最后确保项目根目录有.prettierrc文件。
prettier 保存时没反应？检查这三处配置冲突
装了 Prettier 却发现保存不自动格式化，90% 是被其他插件或项目配置覆盖了。它本身不强制生效，全靠 VS Code 的格式化链路触发。
- 确认开启了
editor.formatOnSave：在设置里搜这个词，勾选；别只信插件图标，得看开关真开了没 - 检查有没有装
Vetur或Volar：它们自带格式化能力，默认会抢走prettier的控制权；解决方法是在.vue文件里右键 →「Format Document With…」→ 手动选Prettier，再点「Configure Default Formatter」设为默认 - 项目根目录缺
.prettierrc文件：没有配置文件时，Prettier可能直接 fallback 到内置规则，和你预期不符；至少写个最简版：{ "semi": false, "singleQuote": true }
eslint 报红但代码能跑？不是 bug 是规范在说话
ESLint 不是编译器，它的报错不阻断运行，但代表代码可能有隐患——比如 no-console 被禁用后写了个 console.log，浏览器照常输出，VS Code 却画波浪线。
- 常见误判场景：Vue SFC 中的
template区域被当成纯 HTML，eslint-plugin-vue没启用就报unknown html tag - 规则开关别硬关：想临时放过某行，用
// eslint-disable-next-line；全局关no-unused-vars这类规则，后期 refactoring 会踩坑 - 和
Prettier冲突时，优先用eslint-config-prettier关掉所有格式类规则，让Prettier专管“怎么写”，ESLint专管“写得对不对”
class 名输一半没提示？HTML CSS Support + CSS Peek 必须配齐
写 class="btn-primary" 时想补全却没下拉菜单，大概率是缺了语义联动——HTML CSS Support 负责“知道你写了啥类”，CSS Peek 负责“点一下跳到定义”。单装一个，效果减半。
-
HTML CSS Support需要项目里真有.css、.scss或.vue里的<style></style>，否则它找不到类源，提示就空 -
CSS Peek在 Vue 文件中按F12失效？检查是否启用了Vetur或Volar的样式解析功能，二者可能拦截跳转 - 如果用的是 CSS Modules（
module.css），这两个插件默认不支持，得换IntelliSense for CSS class names in HTML并手动配置css.modulesExtensions
Live Server 点开空白页？端口/路径/路由三连查
Live Server 启动后浏览器打开却是白屏或 404，不是插件坏了，而是它默认只服务当前打开的 HTML 文件所在目录，且不代理前端路由。
- 启动前确认焦点在
index.html上：右键菜单里「Open with Live Server」必须对着 HTML 文件点，不是对着文件夹 - 页面内相对路径出错：比如
<script src="./js/app.js"></script>，但实际js文件在src/js/下，Live Server 不做路径重写，404 就是它 - 用 Vue/React 路由（如
/user/profile）刷新 404？Live Server 没法像vite那样 fallback 到index.html，此时该切到真实开发服务器，别硬扛
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
