Visual Studio 代码中带有第三方 JavaScript 库的 Intellisense

Question

我今天一直在研究 Visual Studio 代码，但在让智能感知处理 JavaScript 项目中的某些代码时遇到了问题。我读过这个 post http://www.johnpapa.net/intellisense-witha-visual-studio-code/，其中讨论了这个问题，演示了如何将智能感知与 angular 一起使用。我一直在查看一些使用 JavaScript 库 PlaygroundJS 的示例项目，在这些项目中使用智能感知会非常有用，因为它们通常被分成多个文件，如果能够查看定义，而不是手动跟踪它们。但是，当我查看快速操作下可用的选项时，我没有看到类似的内容，在我发现的示例中：

Add /// reference to angularjs/angular.d.ts

只是将变量标记为全局变量的选项。所以我想知道，是否可以将智能感知添加到这个库以及项目中的其他文件？

我确实发现可以在每个文件的顶部添加对它们的引用：

/// <reference path="Global.js" />
/// <reference path="engine/Score.js"/>
/// <reference path="engine/Camera.js"/>
/// <reference path="engine/Engine.js"/>
/// <reference path="engine/EnemyManager.js"/>
/// <reference path="engine/EntityManager.js"/>

但是这个手动过程既费时又笨重。没有办法让它自动找到这些引用吗？

Answer 1

如果它无法识别 Angular 模块并建议自动导入 d.ts，您可以手动将 angularjs 类型添加到您的项目中。

http://definitelytyped.org 描述了如何将类型导入到您的项目中。我推荐 TypeScript 定义管理器，因为它使代码文件中的参考注释保持简洁。

Answer 2

是的，现在您可以为所有 d.ts 文件引用创建一个 tsd.d.ts 文件。把它放在你的项目中一次，然后每个文件都可以引用它。

或者使用没有文件的 tsconfig.json（保持未定义状态）。

这个故事会变得更好

Visual Studio 代码中带有第三方 JavaScript 库的 Intellisense

Intellisense with third party JavaScript libraries in Visual Studio Code

intellisense

javascript-intellisense

visual-studio-code