logo标签列表

如何设置 VSCode 的 Ctrl+Click 跳转到带别名特性的定义文件

vue.jsvisual-studio-codealias
7

我曾经实现了别名(alias)功能，代码如下：

resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
  },

但这个特性使得 vscode 无法通过 Ctrl+单击 跳转到定义文件。如何解决？

1个回答
16
在项目根目录下创建或编辑一个 jsconfig.json/tsconfig.json 文件，并添加 "paths" 选项。
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

文档

最后，我将Vue页面文件路径添加到了tsconfig.json的“include”中，但是这些Vue页面文件无法被TypeScript识别。 - Zssaer
你是否已经安装了 Volar（Vue 3）或 Vetur（Vue 2）扩展？ - Matt Schlosser
@MattSchlosser 感谢您提供的解决方案。我正在使用 Volar，但是也必须像您上面提到的那样使用 jsconfig.json 定义路径别名 @/*，否则它不起作用。此外，我注意到导入路径应该有 .vue 扩展名，例如 import componentA from '@/folder/componentA.vue。 - Maksim Shamihulau
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接