因为vscode的eslint和prettier插件默认以package.json所在目录为项目根目录来加载本地依赖与配置文件；若缺失package.json，插件无法定位本地node_modules中的eslint/prettier包及.eslintrc.js/.prettierrc.json等配置，从而退化为无配置检查或完全禁用。
为什么项目根目录没识别出 package.json 就无法启用 ESLint / Prettier？
VSCode 的 ESLint 和 Prettier 插件默认依赖项目级配置文件来判断作用域和规则。如果打开的文件夹不含 package.json，插件会退回到全局配置或完全禁用语言服务——这意味着你写的 const foo = bar() 不会标红未定义变量，console.log 也不会被警告。
常见错误现象：
- 保存后代码没自动格式化，
editor.formatOnSave像没生效 - ESLint 报错消失，或者只在个别文件里起作用
- 右键菜单里找不到 “Fix all auto-fixable problems”
实操建议：
- 确保你用 VSCode 打开的是整个项目根目录（不是 src 子目录），且该目录下有
package.json - 如果项目是 monorepo，需在对应 workspace 子包内打开，或配置
eslint.workingDirectories指向各包路径 - 临时验证：在终端运行
npx eslint --version和npx prettier --version，确认本地已安装且可执行
Path Intellisense 配合 jsconfig.json 别名路径补全失效怎么办？
别名路径（如 @/components/Button.vue）能提升可读性，但 Path Intellisense 默认不读取 jsconfig.json 或 tsconfig.json 的 "paths" 配置，必须手动开启支持。
容易踩的坑：
- 装了插件但输入
@/后无任何提示 - 提示出来了，但跳转失败（Ctrl+Click 无效）
- 只对
.js生效，.vue或.tsx文件里不工作
实操建议：
- 在 VSCode 设置中搜索
path-intellisense.mappings，添加自定义映射，例如："path-intellisense.mappings": { "@": "${workspaceFolder}/src" } - 若已配
jsconfig.json，启用插件的path-intellisense.includePackageJson选项（设为true）让它主动读取"baseUrl"和"paths" -
Volar（Vue 3）或TypeScript Hero对别名跳转更原生，可替代部分Path Intellisense功能
多个插件都提供“自动导入”，该留 Auto Import 还是 Volar/Vetur？
冲突点在于：它们都在监听你敲完组件名或函数名后触发 import 补全，但策略不同。Auto Import 是通用型、基于 AST 分析；Volar 是 Vue 专属、深度集成 SFC 语义；Vetur 已基本被 Volar 取代，且对 <script setup></script> 支持弱。
性能与兼容性影响：
- 同时启用
Auto Import+Volar可能导致重复弹窗、导入路径写错（比如把defineProps导成import { defineProps } from 'vue'而非自动推导） -
Auto Import在纯 TS 项目里更稳定；Volar在.vue文件里类型推导更准、支持ref解构自动 import - React 项目请直接关掉
Auto Import，用ESLint + import/order规则约束顺序，靠ES7 React/Redux/GraphQL/React-Native snippets补全常用结构
实操建议：
- Vue 3 项目：禁用
Auto Import，保留Volar，并在settings.json中开启："volar.autoImportOnType": true
- TS + React 项目：启用
Auto Import，关闭Volar（它不适用），并确保typescript.preferences.includePackageJsonAutoImports设为"auto"
远程开发时 Remote Explorer 连上了，但插件功能不生效？
很多前端插件（尤其是 ESLint、Prettier、Volar）默认只在本地运行语言服务器。一旦通过 SSH 连到远端，它们要么报错“server not found”，要么静默降级——你以为在格式化，其实只是本地 prettier 在瞎猜。
关键原因：
- 插件未标记为
"extensionKind": ["workspace", "ui"]，VSCode 默认不把它同步到远端 - 远端没装对应 Node.js 依赖（如
eslint、prettier），或版本不匹配 -
settings.json里混用了用户级和工作区级配置，远端只读取用户设置
实操建议：
- 在远端服务器上运行：
npm install -g eslint prettier typescript（全局安装保证 CLI 可用） - 进 VSCode 设置 → Remote → Extensions，勾选 “Show Installed Extensions” → 找到 ESLint 等插件，点击 “Install in SSH: [host]”
- 把关键配置移到工作区
.vscode/settings.json，例如：{ "eslint.enable": true, "prettier.enable": true, "volar.enable": true }
真正麻烦的是调试链路：比如你在远端跑 Vite，本地用 debugger for chrome 连不上 sourcemap，因为路径映射没经过远端文件系统重写——这种时候得靠 sourceMapPathOverrides 手动对齐，而不是指望插件自动搞定。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
