Vue Quick Jump

在 Vue 项目中，Ctrl + 点击 代码中的路径字符串，快速跳转到对应文件。

支持的路径

• @/xxx → 自动定位到最近的 src 目录
• @view/xxx @components/xxx → 自定义别名（自动查找或手动配置）
• ./xxx ../xxx → 相对路径
• /xxx → 项目根目录

外部包（如 axios）不会触发跳转。

支持的文件类型

.js .ts .vue .css .scss

零配置，开箱即用

插件会从当前文件所在目录向上自动查找最近的 src 目录作为 @ 的映射，无论项目结构有多深，都无需手动配置。

例如以下结构，插件会自动找到内层的 src：

项目根目录/
└── src/
    └── my-app/
        └── frontend/
            └── src/        ← 插件自动定位到这里
                ├── views/
                ├── router/
                └── ...

配置（可选）

@ 别名目录

如果自动查找不满足需求，可以手动指定 @ 映射的目录：

{
  "vueJump.aliasPath": "src/my-app/frontend/src"
}

自定义别名

如果你的项目定义了其他别名（如 @view、@components）：

{
  "vueJump.aliases": {
    "view": "src/views",
    "components": "src/components",
    "static": "src/static"
  }
}

大多数情况无需配置：插件会自动在 src 目录下查找与别名同名的子目录。例如 @view/MyCollection 会自动查找 src/view/MyCollection。只有当别名名称与实际目录名不一致时，才需要手动配置。

修改配置后，按 Ctrl+Shift+P → 输入 Reload Window → 回车，即可生效。