智能路径引用

智能路径引用是一款面向 Node.js 前端项目的 VS Code 扩展。它能够识别项目中的路径别名，让你在资源管理器中快速复制文件或文件夹的路径与引用。

主要功能

在 VS Code 资源管理器中右键文件或文件夹，打开 复制路径/引用 菜单：

• 绝对路径：复制完整的本地文件系统路径。
• 文件名：只复制文件名或文件夹名。
• 相对路径：优先使用项目路径别名；没有匹配的别名时，复制工作区相对路径。
• 来自内容根的路径：复制相对于当前工作区文件夹的路径。
• 仓库根路径：复制相对于所属 Git 仓库根目录的路径。
• 打开项目路径配置：查看识别到的项目类型、路径别名和配置来源。

支持同时选择多个文件或文件夹，复制结果会以换行分隔。

路径别名识别

如果项目配置了 @ → src，复制以下文件：

src/components/Button.vue

得到的引用为：

@/components/Button.vue

扩展会读取项目中的 jsconfig*.json、tsconfig*.json、Vite、Vue CLI、Webpack、Nuxt 等配置文件，并自动识别路径别名。

支持的项目

当前支持 Node.js JavaScript/TypeScript 前端项目，包括：

• Vue
• React
• Next.js
• Nuxt
• Angular
• Svelte
• Astro
• 使用 Vite、Webpack、Rollup、Parcel、Rspack 等构建工具的前端项目

纯后端 Node.js 项目及其他语言项目暂不支持，打开项目路径配置时会显示相应提示。

使用方法

1. 使用 VS Code 打开受支持的前端项目。
2. 在资源管理器中选中一个或多个文件、文件夹。
3. 点击右键并打开 复制路径/引用。
4. 选择需要的路径格式，结果会自动写入剪贴板。