Path Intellisense:VSCode中最好用的文件路径补全插件

1次阅读

Path Intellisense 是 vscode 中轻量高效的路径自动补全插件,支持相对/绝对路径、node_modules 模块、tsconfig/jsconfig 别名(如@/)及 webpack alias,实时过滤忽略目录,无需配置即用,适配 vue/react/vite 等主流项目。

Path Intellisense:VSCode中最好用的文件路径补全插件

Path Intellisense 是 VSCode 中最实用的路径自动补全插件之一,它能在你输入文件路径时实时提示相对路径、绝对路径甚至 node_modules 中的模块路径,大幅减少手动敲路径出错的概率。

自动补全相对路径

在 import 语句或 require() 中输入 ./../ 后,插件会立即列出当前目录或上级目录下的所有文件和文件夹。比如你在 src/components/ 下写 import Button from '../utils/,它会弹出 helpers.jsapi.ts 等候选项。

  • 支持嵌套层级展开,按 Tab 可逐级进入子目录
  • 自动过滤 .git、node_modules 等默认忽略目录(可自定义)
  • 对 tsconfig.json 或 jsconfig.json 中的 baseUrlpaths 也生效

智能识别别名路径(@ / ~ 等)

如果你项目中配置了路径别名(如 @/components 指向 src/components),Path Intellisense 默认就能识别并补全——前提是你的配置已写入 jsconfig.jsontsconfig.json

Path Intellisense:VSCode中最好用的文件路径补全插件

TapNow

新一代AI视觉创作引擎

Path Intellisense:VSCode中最好用的文件路径补全插件 407

查看详情 Path Intellisense:VSCode中最好用的文件路径补全插件

  • 无需额外设置,开箱即用
  • 支持 Webpack 的 resolve.alias(需配合 jsconfig.json 同步声明)
  • 别名补全时高亮显示真实路径,避免“猜路径”

轻量不卡顿,适配主流项目类型

它不依赖 typescript 服务,也不扫描整个工作区,只在你触发路径输入时按需读取当前目录结构,所以响应快、内存占用低。

  • Vue、React、Next.js、Vite 项目均可直接使用
  • 支持 .vue、.tsx、.svelte 等各类文件中的路径补全
  • 禁用/启用快捷键为 Ctrl+Shift+P → “Toggle Path Intellisense”

基本上就这些——没太多花哨功能,但每一条都踩在开发痛点上。装上之后,再也不会因为少打一个点或拼错文件名而报错。

text=ZqhQzanResources