如何在 Visual Studio Code 中使用带别名的“转到路径”

Question

Ctrl使用 Visual Studio Code，我可以使用+ 单击导入声明来打开要导入的文件：

通过执行此操作，Visual Studio Code 将打开文件夹./code中的文件index.js

我还可以使用vue.config.js创建别名并将其导出到某些文件：

然后我可以使用别名导入：

我要解决的问题是：如何Ctrl单击并打开使用别名导入的文件？

有什么扩展可以做到这一点吗？

这将非常有用，因为当我需要编辑文件时，我可以直接转到它，而无需手动查找路径。

Answer 1

jsconfig.json您可以使用文件（或者如果使用 TypeScript）在 VS Code 中配置路径别名tsconfig.json。

创建时将选项<projectRoot>/jsconfig.json设置为与 Webpack 中的匹配的 glob 模式：compilerOptions.pathsresolve.alias

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@themeConfig": ["src/libs/themeConfig.js"],
      "@core/*": ["src/@core/*"],
      "@validations": ["src/@core/utils/validations/validations.js"],
      "@axios/*": ["src/libs/axios/*"]
    }
  }
}