Path Intellisense：VSCode中的路径补全神器

Path Intellisense 是 vscode 中无需配置即可自动补全各类文件路径的轻量插件，支持 import、css、html 等多场景，智能识别文件类型与上下文，跳过 node_modules 等目录，适配大小写敏感系统及深层嵌套结构。

Path Intellisense 是 VSCode 中一个轻量但极其实用的插件，它能自动补全文件路径——无论是 import 语句里的相对路径、CSS 中的图片地址，还是 require() 的模块路径，只要敲几个字母，它就能精准提示并插入完整路径。

自动识别项目结构，无需配置

安装后立即生效，不依赖 tsconfig.json 或 jsconfig.json，也不需要手动设置根目录。它会自动扫描当前工作区（workspace）下的所有文件和文件夹，实时构建路径索引。即使你用的是纯 HTML + JS 项目，或者老式 CommonJS 结构，它也能正常工作。

• 支持嵌套层级深的目录（如 src/components/ui/button/index.tsx）
• 对大小写敏感的文件系统（如 macOS/linux）会严格匹配大小写
• 跳过 node_modules、.git 等常见忽略目录，补全列表干净不干扰

智能上下文感知补全

它不是盲目列出所有文件，而是根据你当前编辑的文件类型和语法位置，动态调整候选路径：

Procys

AI驱动的发票数据处理

102

查看详情

• 在 import 或 from 后面，优先显示 .ts、.tsx、.js、.jsx 文件
• 在 url()、src=、href= 中，倾向提示 .png、.jpg、.svg、.css 等资源文件
• 输入 ../ 时自动向上遍历父级目录；输入 ./ 则聚焦当前目录及子目录

可微调的实用选项

在 VSCode 设置中搜索 “path-intellisense”，可以启用或关闭以下常用功能：

• auto Save：补全后是否自动保存当前文件（默认关）
• Extensions：自定义允许补全的文件扩展名，比如加上 “.md” 用于文档链接
• Exclude：用 glob 模式排除特定路径，例如 **/test/** 或 **/*.d.ts
• Auto Trailing Slash：在补全文件夹时自动加斜杠（方便继续输入内部文件）

基本上就这些。不需要复杂配置，也不依赖项目类型，装上就能让路径输入快一倍、错一半——尤其适合经常重构目录或协作开发的场景。