VSCode中import路径自动补全与Ctrl+Click跳转需同时满足：安装Path Intellisense插件并启用path-intellisense.mappings、项目根目录配置jsconfig.json/tsconfig.json含baseUrl和paths（如"@/": ["src/"]）、Vue项目还需开启volar.implicitProjectConfig.checkJs，缺一不可。
VSCode 插件不是“锦上添花”，而是前端日常开发的刚需基础设施。没装对插件，写个 import 都要手动拼路径、改个标签得手动同步闭合、保存后代码还是一团乱——这些不是你手速问题，是工具链缺位。
怎么让 import 路径自动补全且能 Ctrl+Click 跳转？
路径问题本质是 VSCode 不知道 @/ 指向哪。光装 Path Intellisense 不够，它只补全，不跳转。
- 必须配合项目级配置：在
jsconfig.json或tsconfig.json中声明baseUrl和paths，例如：{ "compilerOptions": { "baseUrl": "src", "paths": { "@/*": ["*"] } } } -
Path Intellisense插件本身需开启path-intellisense.mappings（在设置里搜），否则 alias 不生效 - Vue 项目若用 Volar，还需确认
volar.implicitProjectConfig.checkJs是否启用，否则.vue文件里的import可能跳转失败
为什么 ESLint 报错但 Prettier 不格式化？
两者规则冲突时，Prettier 会直接被 ESLint 的 --fix 覆盖掉，或者根本不动——这不是插件坏了，是配置没对齐。
- 必须安装
eslint-config-prettier并在.eslintrc.js的extends末尾加上它，顺序不能错：["eslint:recommended", "prettier"]
→ 正确；["prettier", "eslint:recommended"]
→ 失效 - VSCode 设置中，
editor.defaultFormatter必须设为esbenp.prettier-vscode，且editor.formatOnSave开启，否则保存时不会触发 Prettier - 如果项目同时有
.prettierrc和eslint规则，优先级是：Prettier 管格式、ESLint 管逻辑，别让 ESLint 去管缩进或引号
修改 <div> 标签时闭合标签不同步？
Auto Rename Tag 默认只对 HTML/XML 生效，Vue/React 的 JSX 模板需要额外激活。
立即学习“前端免费学习笔记（深入）”；
- 检查插件设置里是否勾选了
autoRenameTag.enableForJSX（Vue 项目对应enableForVue） - 如果用了 Volar 或 Vue VSCode Tools，它们自带标签重命名能力，可能和
Auto Rename Tag冲突，建议禁用其中一个 - 某些深度嵌套的 JSX（比如带三元表达式或函数调用的标签）会被识别为非纯标签结构，此时插件自动退避——这是设计行为，不是 bug
真正卡住人的从来不是插件数量，而是配置之间的隐式依赖：一个 jsconfig.json 没配，十来个插件都白装；一条 extends 顺序写反，ESLint 和 Prettier 就互相打架。这些细节不写进配置文件里，就永远只是“好像能用”。
