WebStorm IDE上的DefinitelyTyped(TypeScript类型定义)的intellisense和代码已完成

时间:2014-03-13 01:26:16

标签: javascript typescript webstorm

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

JavaScript Libraries

您可以看到已下载angularjs-DefinitelyTypedjQuery-DefinitelyTyped

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

Code

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

谢谢!

3 个答案:

答案 0 :(得分:21)

正如basarat在他的回答中所说,你需要手动包含这些定义。最简单的方法是使用tsd。安装完成后(npm install -g tsd),导航到要保存打字的目录,并安装定义文件(如下例中的angular),如下所示:

tsd query angular --action install

或者,更好的是:

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

请注意,您可以在Webstorm中执行所有操作(alt-F12打开终端窗口)。

答案 1 :(得分:7)

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

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

答案 2 :(得分:0)

关于Mac的Webstorm

Preferences->Languages&Frameworks->Typescript

应该检查使用tsconfig.json 你应该创建一个包含

的tsconfig.json文件
{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true
  },
  "exclude": [
    "node_modules"
  ]
}