在 WebStorm IDE 上为 distinctlyTyped（TypeScript 类型定义）完成智能感知和代码答案

【问题标题】：intellisense and code complete for DefinitelyTyped (TypeScript type definitions) on WebStorm IDE在 WebStorm IDE 上为 distinctlyTyped（TypeScript 类型定义）完成智能感知和代码
【发布时间】：2014-03-13 01:26:15
【问题描述】：

如何让 WebStorm IDE 为我下载的库提供代码补全。

如您所见，angularjs-DefinitelyTyped 和 jQuery-DefinitelyTyped 已下载。

现在我认为我必须在我的 .ts 文件中引用定义文件。

但是，WebStorm 在哪里保存定义文件以便我可以在我的代码中引用它们？

谢谢！

【问题讨论】：

我发现如果你包含所有必要的文件，一切都会正常工作。我使用 Ext JS，而且我从来不需要使用 WebStorm 库功能。
我只是觉得奇怪的是 IDE 中有一个选项可以下载参考文件，将其范围设置为全局，然后呢？ :(

标签： javascript typescript webstorm

【解决方案1】：

正如 basarat 在他的回答中所说，您需要手动包含定义。最简单的方法是使用tsd。安装后 (npm install -g tsd)，导航到要保存类型的目录，然后安装定义文件（例如 angular，在以下示例中），如下所示：

tsd query angular --action install

或者，更好的是：

tsd init
tsd query angular --save --action install

请注意，您可以在 Webstorm 中完成所有这些操作（alt-F12 打开一个终端窗口）。

【讨论】：

【解决方案2】：

该对话框适用于 JavaScript 范围，而不是 TypeScript 范围（例如，请参阅 mocha 演示 http://youtu.be/4mKiGkokyx8?t=1m19s）。也就是说，Webstorm 正在使用 TypeScript 定义来为 JavaScript 提供智能。

对于 TypeScript 本身，您需要手动将定义包含到您的项目中 (https://github.com/borisyankov/DefinitelyTyped/blob/master/angularjs/angular.d.ts) 并像往常一样引用它们。

【讨论】：

【解决方案3】：

在 Mac 版 Webstorm 上

Preferences->Languages&Frameworks->Typescript

应检查使用 tsconfig.json 你应该创建一个 tsconfig.json 文件，其中包含

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true
  },
  "exclude": [
    "node_modules"
  ]
}

【讨论】：