如何在 VS Code 中使用 Typescript 定义为我自己的 Javascript 服务获取 Intellisense？

Question

我正在使用 SailsJS 开发后端服务器。它基本上将所有模型助手服务以及我自己的服务注入到全局命名空间中。如果我能够为这些服务获得 Intellisense，我会受益匪浅。

我首先设置了 typings 并为 lodash 和 node 安装了全局类型定义。创建 jsconfig.json 和 tsconfig.json 文件后，它就像一个魅力。

接下来我想为我自己的服务创建一个基本定义文件。我在 typings/globals 中创建了一个目录，其中包含一个 index.d.ts 文件：

declare namespace foo {
    export function bar();
}
declare var baz: { some: number };

这只是为了确保如果定义不起作用，我不会浪费时间编写定义。

接下来，我通过添加引用标记将 index.d.ts 文件包含在 typings/index.d.ts 中：

/// <reference path="globals/psiewakacje/index.d.ts" />

令我惊讶的是，它在我项目的 Javascript 文件中不起作用。在输入 foo. 或 baz. 时，我没有得到任何明智的 Intellisense。

 

我能够获得的唯一 Intellisense 支持是当我通过以下方式在每个文件中导入这些服务时：

import * as InternalParser from '../services/InternalParser';

或

var InternalParser = require('../services/InternalParser');

但这不使用 Typescript 的定义文件，只是给了我导出的属性。总体而言，结果并不理想。

 

我想知道如何让它正常工作。我查看了 node 和 lodash 的类型定义文件，它们也是这样做的：声明一个具有特定类型的变量/命名空间。但是，他们的定义在 Javascript 中有效，而我的则不行。如何正确处理？

Answer 1

您无需添加对typings/index.d.ts 的引用。最简单的方法是将您的声明添加到项目中任何位置的全局声明文件中。

此外，不要使用var 和namespace，而是使用interface。

例如。在您的目录的根目录中，您可以轻松添加

// index.d.ts
interface Foo {
  bar: () => void
}

interface Baz { some: number }

Answer 2

我遇到了同样的问题，发现编辑器（VSCode）在错误的目录中查找文件，通过相对引用正确的路径解决了问题，具体路径会有所不同，但在我的示例中是：

/// <reference path="../../typings/index.d.ts" />

index.d.ts 包含以下内容：

/// <reference path="globals/core-js/index.d.ts" />
/// <reference path="globals/jasmine/index.d.ts" />
/// <reference path="globals/node/index.d.ts" />

我的目录/文件结构如下：

Answer 3

如果我创建一个没有"allowJs": "true" 编译器选项的tsconfig.json 文件，我可以重现所描述的行为。如果您希望将您的 TypeScript 和 JavaScript 文件视为一个项目，您应该有一个 tsconfig.json 文件，其中包含 "allowJs": "true" 并且没有 jsconfig.json 文件。