使用 ES6 模块是否可以提高 VS Code 的智能感知？

Question

我对使用 JavaScript 的一大抱怨，至少是我到目前为止所做的方式（主要是因为我使用的库不是 ES6 模块），是因为您将所有文件都包含在 HTML 文件中，您实际上并没有引用您在脚本中使用的其他文件，因此当我使用 VS Code 的 ESLint 插件时，它会很好地突出显示语法错误，但我希望它能够更进一步地显示对其他文件的 Intellisense 建议JS 文件。我想知道，使用 ES6 模块会产生我想要的结果吗？即使在使用“在 HTML 中包含所有内容”方法时，是否也有这种行为？

Answer 1

是的，使用 JavaScript 模块语法意味着 VSCode 可以找到您在其他文件中引用的内容并为它们提供 IntelliSense。

例如，如果您有foo.js：

export class Foo {

    doSomething() {

        // ...

    }

}

你有bar.js：

import {Foo} from "./bar.js";

在这一点上，打字const f = new将使它为您提供Foo（除其他外）。完成该行后：

const f = new Foo();

那时，输入f.将显示f.doSomething()为自动完成建议。