Javascript “如何使VSCode解析”@&引用；进口

我在一个使用Webpack的Vue.js项目中工作。许多导入使用

@

作为

src

目录的别名。如何配置VSCode来解析别名并使intellisense与这些导入一起工作

我在web上的许多地方发现了如何使用

jsconfig.json

或

tsconfig.json

在VSCode中设置别名。我尝试在这两个文件中进行配置，但似乎没有任何效果

My jsconfig.json：

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

---

我希望VSCode能够解析路径中的别名，使intellisense和窥视定义起作用。

在我当前的项目中，我在根目录下有一个

jsconfig.json

，包含以下内容：

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

这对我很有用

我不知道在您的配置文件中，

moduleResolution

到底在做什么，我的

baseUrl

是我的根文件夹

vs代码的相关文档：

---

试试看，告诉我它是否工作得更好？

是的，这是我在带有@material ui的create react应用程序中工作的方式……基本上所有这些项目都在paths对象中，一切正常。FWIW，moduleResolution就是它的东西。我不确定它在jsconfig.jsonI中是否合法。我只是将moduleResolution扔到那里尝试解决，但没有任何变化。我尝试将我的目标更改为es2017，并从baseUrl中删除了src，但仍然不起作用。我甚至用不同的项目在另一台PC上进行了测试success@MathieuD. 我不能，因为这是一个私人存储库