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

Question

How can I get WebStorm IDE to give me code completion for libraries that I've downloaded.

As you can see angularjs-DefinitelyTyped and jQuery-DefinitelyTyped have been downloaded.

Now I believe that I have to reference the definition file in my .ts files.

But, where WebStorm saves the definition files so I can reference them in my code?

Thank you!

Solution 1

That dialog is for JavaScript scope, not TypeScript scope (e.g. see mocha demo http://youtu.be/4mKiGkokyx8?t=1m19s). That is, Webstorm is using TypeScript definitions to give intellisence for JavaScript.

For TypeScript itself you need to include the definitions into your project manually (https://github.com/borisyankov/DefinitelyTyped/blob/master/angularjs/angular.d.ts) and reference them like you always have.

Solution 2

As basarat says in his answer, you need to include the definitions manually. The easiest way to do this is with tsd. Once installed (npm install -g tsd), navigate to the directory you want to hold the typings, and install definition files (such as angular, in the following example) like this:

tsd query angular --action install

or, better yet:

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

Note that you can do all this within Webstorm (alt-F12 opens a terminal window).