WebStorm集成开发环境中DefinitelyTyped (TypeScript类型定义)的智能感知和代码完成

Question

如何让WebStorm集成开发环境为我下载的库提供代码完成功能。

​

​

正如你所看到的，angularjs-DefinitelyTyped和jQuery-DefinitelyTyped已经被下载。

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

​

​

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

谢谢!

Answer 1

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

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

Answer 2

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

tsd query angular --action install

或者，更好的是：

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

请注意，您可以在Webstorm中完成所有这些操作(alt-F12组合键将打开一个终端窗口)。

Answer 3

关于mac的Webstorm

Preferences->Languages&Frameworks->Typescript

应选中使用tsconfig.json，并且应创建包含以下内容的tsconfig.json文件

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