如何在 VScode 中使用帶有別名的“轉到路徑”

Question

使用 VScode 我可以打開一個我正在使用 CTRL + 單擊導入聲明的文件：

通過這樣做，VScode 將打開文件夾 ./code 中的文件 index.js

我還可以使用 vue.config.js 創建別名並將其導出到某些文件：

然后我可以使用別名導入：

我要解決的問題是：如何 CTRL + 單擊並打開使用別名導入的文件？

有什么擴展可以做到嗎？

這將非常有用，因為當我需要編輯文件時，我可以直接轉到它而無需手動查找路徑。

Answer 1

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

創建<projectRoot>/jsconfig.json與compilerOptions.paths選項設置為匹配glob的距離的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/*"]
    }
  }
}