Path Intellisense 是一款 VS Code 插件，可自动补全文件路径，支持多种语言，在输入 ./、../ 或 / 时智能提示项目内文件与目录，并尊重 .gitignore 配置。
在使用 VS Code 编写代码时，经常需要引入文件，比如通过 import 或 require 语句引用模块。手动输入相对或绝对路径不仅费时，还容易出错。Path Intellisense 是一款实用的 VS Code 插件，能自动补全项目中的文件路径，大幅提升开发效率。
什么是 Path Intellisense？
Path Intellisense 是一个轻量级扩展，它监听你在代码中输入引号或模板字符串的场景（如 './' 或 `../`），并根据当前项目结构智能提示可用的文件和目录。支持多种语言，包括 JavaScript、TypeScript、HTML、CSS、JSON 等。
核心功能与使用场景
- 自动触发路径建议：当你输入 ./、../ 或 / 时，插件立即列出对应目录下的文件和子目录。
- 支持常见文件后缀自动补全：可配置是否自动添加 .js、.ts、.jsx、.tsx、.json 等扩展名，避免手动输入。
- 识别静态资源：对图片（.png、.jpg）、字体（.woff）等资源文件也提供补全建议，适合前端项目。
- 尊重 .gitignore 和 exclude 配置：默认忽略被版本控制或编辑器设置排除的文件夹，让建议更干净。
如何配置以适应你的项目
虽然插件开箱即用，但通过简单配置可以更好地匹配项目需求。在 VS Code 设置中搜索 “path intellisense”，或在 settings.json 中添加：
"path-intellisense.mappings": {
"/src": "${workspaceRoot}/src",
"assets": "${workspaceRoot}/public/assets"
},
"path-intellisense.extensions": [
"js",
"ts",
"json",
"png",
"jpg"
],
"path-intellisense.showHiddenFiles": false
这样可以自定义路径别名映射、指定允许补全的文件类型，以及控制是否显示隐藏文件。
提升开发体验的小技巧
- 结合 Alias Console 或 JavaScript and TypeScript Nightly 使用，更好支持 @/ 类型的别名路径提示。
- 在团队项目中，统一配置 .vscode/settings.json，确保所有成员享受一致的路径补全体验。
- 若发现补全延迟，检查项目是否过大，可通过 files.exclude 排除 node_modules 中非必要的包。
基本上就这些。Path Intellisense 不复杂但容易忽略细节，合理配置后能让日常编码更流畅。对于频繁处理模块引用的开发者来说，是个值得安装的辅助工具。
