如何让 VSCode 在导入中解析“@”

Question

我在一个使用 Webpack 的 Vue.js 项目中工作。许多导入@用作src目录的别名。如何配置 VSCode 来解析别名并使智能感知与这些导入一起工作？

我在网上的很多地方都找到了如何在 VSCode 中设置别名，使用jsconfig.json或tsconfig.json. 我已经尝试在两个文件中进行配置，但似乎没有任何效果。

我的 jsconfig.json：

{
  "compilerOptions": {
    "target": "es6",
    "allowSyntheticDefaultImports": false,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

我希望 VSCode 解析路径中的别名，使智能感知和窥视定义工作。

Answer 1

在我当前的项目中，我的jsconfig.json根目录包含以下内容：

{
  "compilerOptions": {
    "target": "es2017",
    "allowSyntheticDefaultImports": false,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"],
    }
  },
  "exclude": ["node_modules", "dist", "docs"]
}

这对我有用。

我不知道moduleResolution你的conf到底在做什么，baseUrl在我的例子中，我的是根文件夹。

vs code 的相关文档：https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases

尝试一下并告诉我是否效果更好？