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

Question

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

通过这样做，VScode 将在文件夹 ./code 中打开文件 index.js

我还可以使用 vue.config.js 为某些文件创建和导出别名：

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

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

有什么扩展可以做到吗？

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

Answer 1

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

创建<projectRoot>/jsconfig.json 并将compilerOptions.paths option 设置为与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/*"]
    }
  }
}