如何将 'go to path' 与 VScode 中的别名一起使用

Question

使用 VScode 我可以打开我正在导入的文件，使用 CTRL + 单击导入声明：

这样做 VScode 将在文件夹 ./code

中打开文件 index.js

我还可以使用 vue.config.js:

创建别名并将其导出到某些文件

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

我要解决的问题是：如何CTRL+点击打开使用别名导入的文件？

有什么扩展可以做到吗？

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

Answer 1

您可以使用 jsconfig.json file（如果使用 TypeScript，则为 tsconfig.json）在 VS Code 中配置路径别名。

创建 <projectRoot>/jsconfig.json 并将 compilerOptions.paths option 设置为与 Webpack 的 resolve.alias:

匹配的 glob 模式

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