path插件不存在,真正有效的是path intellisense或vscode 1.70+原生路径补全;后者仅支持js/ts类文件且依赖项目配置与语义化字段触发。

Path 插件根本不存在,别再搜了——VSCode 官方市场里没有这个名称的扩展能开启路径补全。你真正需要的是 Path Intellisense,或者干脆不用插件,用 VSCode 1.70+ 自带的原生能力。
Path Intellisense 装完没反应?先查这三件事
- 当前文件是否在「已打开的文件夹」里?File > Open Folder 才能激活工作区路径解析;单文件打开(Open File)时,
Path Intellisense基本不工作 - 右下角语言模式是不是
JavaScript或TypeScript?如果是Plain Text,点它手动切过去 - 有没有其他插件干扰?比如
JavaScript and TypeScript Nightly自带路径逻辑,和Path Intellisense冲突,建议禁用
装完插件后不用重启,但改过 settings.json 配置就得重载窗口(Ctrl+Shift+P → Developer: Reload Window)。
tsconfig.json 里配了 baseUrl 和 paths,但 @/ 还是不补全
这是因为 Path Intellisense 默认不读你的 tsconfig.json,得显式告诉它:
"path-intellisense.tsconfig": "${workspaceFolder}/tsconfig.json"
同时确保 tsconfig.json 里有合法的 baseUrl(不能是空字符串或 ./,推荐 "baseUrl": "./" 或 "baseUrl": "src"),且 paths 的 key 以 / 结尾(如 "@/<em>": ["src/</em>"])。
如果项目是 monorepo,还要加:
"path-intellisense.includePackageJson": true, "path-intellisense.excludedItems": ["**/node_modules/**", "**/dist/**"]
并且每个 package 的 package.json 至少要有 "main": "index.js" 字段,否则插件识别不了包边界。
不想装插件,只用 VSCode 原生路径补全,哪些情况会失效?
原生补全(1.70+)只在以下场景生效:
- 文件后缀必须是
.js、.ts、.jsx、.tsx(.vue、.svelte、.json等默认不触发) - 只响应
import、require()、src、href、@import、url()这类语义化字段里的字符串 - 路径必须以
./或../开头;写import 'react'是模块名,走的是node_modules补全链,不是文件路径 - 如果用了别名(如
@/components),必须有jsconfig.json或tsconfig.json,且editor.quickSuggestions.strings设为true
最常被忽略的一点:JSON 文件里写 "main": "" 没提示,是因为 JSON 本身不定义路径语义——得靠 json.schemas 告诉 VSCode 哪些字段是路径类型,例如配好 package.json 的官方 schema 后,main、types 字段才会弹路径。
补全逻辑依赖当前文件所在目录,而不是 workspace 根或 tsconfig.json 位置;alias 解析错位、跳转不准、路径多出 ../,八成是上下文判断偏差,而不是配置漏了——这时候别硬调映射,先确认 import 语句里写的到底是相对路径还是别名,再决定该动 path-intellisense.mappings 还是 tsconfig.json。











