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

Question

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

这样做，Visual Studio Code 将打开文件夹 ./code 中的文件 index.js

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

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

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

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

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

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

Answer 1

您可以使用

jsconfig.json

文件（如果使用 TypeScript，则为

tsconfig.json

）在 VS Code 中配置路径别名。

使用

<projectRoot>/jsconfig.json 选项

创建

compilerOptions.paths，并将其设置为与 Webpack

resolve.alias

中的匹配的全局模式：

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