如何让 VSCode 中的 IntelliSense 显示其他文件的完成？

Question

背景：

我在 Swift 中写了一个游戏。现在我想将游戏逻辑（模型）部分翻译成 JS，这样我就可以编写另一个可以在浏览器中玩的游戏版本。由于 Swift 和 JS 如此不同，我首先将游戏翻译成 C#，然后在 JS 中使用 Bridge.NET to translate the C# code to JS. Now, I want to write the UI code using the p5.js 库。（Bridge.NET不支持p5.js，所以无法用C#写UI代码）

所以基本上，我将有一个 HTML 文件引用包含一些 p5.js 代码的 JS 文件，以及由 Bridge.NET 输出的 JS 文件。在 UI 代码中，我需要调用一些游戏逻辑代码，这些代码在 Bridge.NET 输出文件中。

根据 Bridge.NET 文档，我可以像普通 JS 一样从输出文件调用代码，只要我包含所有带有 <script> 标签的输出文件。

但是，我用来编写所有这些代码的 VSCode 不显示 Bridge.NET 输出文件的 IntelliSense，也不显示 p5.js 的 IntelliSense 类和成员。

这是我的 HTML 文件：

<html>
  <head>
    <meta charset="utf-8" />
    <!-- These are p5.js files -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.sound.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <script src="scripts/sketch.js"></script> <!-- This is the file containing UI code -->
    <!-- The below are the bridge output files -->
    <script src="scripts/bridge.js"></script>
    <script src="scripts/bridge.console.js"></script>
    <script src="scripts/bridge.meta.js"></script>
    <script src="scripts/MyGame.js"></script>
    <script src="scripts/MyGame.meta.js"></script>
    <script>
    // I should be able to see IntelliSense for all my classes in the line below, but I can't.
    MyGame.
    </script>
  </body>
</html>

我在某处读到 VSCode 仅支持对同一文件中的代码使用 IntelliSense。我在其他地方读到我需要添加一个 jsconfig.json，所以我添加了这样的内容：

{
    "compilerOptions": {
        "target": "ES6"
    }
}

但没有任何变化。

SO 上有很多关于在 VSCode 上启用 IntelliSense 的帖子，但它们都是关于使用 npm 和节点的，但我只是想为客户端代码获取 IntelliSense，所以我没有使用任何一个。

如何为与 <script> 链接的文件中声明的内容启用 IntelliSense？

Answer 1

自动完成工作基于 typescript 类型声明文件 - .d.ts。大多数库已经将这些文件作为 npm 包提供，但 p5 不适合。如果其中一些文件是像 MyGame 这样创建的，请在您的工具生成的文件中搜索。d.ts。如果是，您可以在正在编写的脚本中添加对它的引用：

///<reference path=" put the filename with path here "/>

Answer 2

经过几天的 google 搜索，这对我有用：

在 this tutorial 之后添加 jsconfig.json 文件只对我创建的一些 class 有效 (尝试用简单的对象或变量来测试它。如果它们没有出现，你可能做错了什么）

安装jshint并在vsc中设置后，我根据其建议对有问题的class进行了一些修改，问题得以解决。我现在可以通过 IntelliSense 从其他文件访问 class。

因此，虽然我不确切知道问题出在哪里，但我认为 IntelliSense 不喜欢我的代码，或者我的配置有误。我可能在 class 中某处使用了不建议再使用的语法，jshint 指出了这一点。

注意 vsc 中的 jshint 需要一些设置才能正常工作，所以不要跳过它的配置。

如何让 VSCode 中的 IntelliSense 显示其他文件的完成？

How do I make IntelliSense in VSCode show completion from other files?

javascript

visual-studio-code

intellisense

javascript-intellisense