关于WebStorm IDE上的DefinitelyTyped(TypeScript类型定义)的javascript:intellisense和代码完整

intellisense and code complete for DefinitelyTyped (TypeScript type definitions) on WebStorm IDE

如何获得WebStorm IDE,以便为我下载的库提供代码完成功能。

JavaScript Libraries

如您所见,angularjs-DefinitelyTypedjQuery-DefinitelyTyped已下载。

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

Code

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

谢谢!


正如basarat在回答中所说,您需要手动包括这些定义。最简单的方法是使用tsd。安装后(npm install -g tsd),导航到要保留输入内容的目录,然后安装定义文件(例如以下示例中的angular):

1
tsd query angular --action install

或者,更好的是:

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

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


该对话框适用于JavaScript作用域,而不适用于TypeScript作用域(例如,参见mocha演示http://youtu.be/4mKiGkokyx8?t=1m19s)。也就是说,Webstorm使用TypeScript定义来增强JavaScript的智能性。

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


在Mac的Webstorm上

1
Preferences->Languages&Frameworks->Typescript

使用tsconfig.json时应检查
并且您应该创建一个tsconfig.json文件,其中包含

1
2
3
4
5
6
7
8
9
10
{
 "compilerOptions": {
   "module":"commonjs",
   "target":"es5",
   "sourceMap": true
  },
 "exclude": [
   "node_modules"
  ]
}