Question

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

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

我的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代码的相关文档：https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases

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

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

1 个答案: