Javascript Girl
  1. Javascript Girl
  3. Intellisense et code complets pour DefinitelyTyped (définitions de types TypeScript) sur WebStorm IDE
Intereting Posts
Naviguer dans un domine sans racine avec JQuery Bibliothèque de cartographie JavaScript pour gérer la zone d'ombrage entre deux lignes Comportement étrange avec événement de clic sur le bouton? Comment puis-je obtenir l'urne de redirection en utilisant javascript? Angularjs attribue la valeur au modèle ng en utilisant ng-init Forcer la mise en cache d'image avec javascript Backbone.Js – quelle est la différence entre el et $ el? Firebase – définissez la priorité lors de la mise à jour / fanout sur plusieurs nœuds NodeJS parseStream, définissant un début et un point final pour un morceau Existe-t-il un moyen de rendre JTextField pour ma barre d'adresse plus grande et plus courte Quelle est la sécurité pour supposer que la plupart des utilisateurs auront JS activé? Modifiez dynamiquement la valeur de barre de progression de démarrage lorsque les cases cochées sont cochées Exécuter un script python sur le clic de bouton Données POST au script CGI Python via jQuery AJAX AngularJS isteven-multiple-select limit options d'affichage

Intellisense et code complets pour DefinitelyTyped (définitions de types TypeScript) sur WebStorm IDE

Comment puis-je obtenir WebStorm IDE pour me donner l'achèvement du code pour les bibliothèques que j'ai téléchargé.

Bibliothèques JavaScript

Comme vous pouvez le voir, angularjs-DefinitelyTyped et jQuery-DefinitelyTyped ont été téléchargés.

Maintenant, je crois que je dois référencer le fichier de définition dans mes fichiers .ts.

Code

Mais, où WebStorm enregistre les fichiers de définition afin de pouvoir les référencer dans mon code?

Je vous remercie!

Cette boîte de dialogue est pour la portée de JavaScript , pas la portée de TypeScript (par exemple, voir la démo Mocha http://youtu.be/4mKiGkokyx8?t=1m19s ). C'est-à-dire que Webstorm utilise les définitions de TypeScript pour donner l'intellisance pour JavaScript.

Pour TypeScript, vous devez inclure les définitions dans votre projet manuellement ( https://github.com/borisyankov/DefinitelyTyped/blob/master/angularjs/angular.d.ts ) et les référer comme vous l'avez toujours.

Comme Basarat le dit dans sa réponse, vous devez inclure les définitions manuellement. La manière la plus simple de le faire est avec tsd . Une fois installé ( npm install -g tsd ), accédez au répertoire que vous voulez retenir les frappes et installez les fichiers de définition (tels que angulaires, dans l'exemple suivant) comme ceci: 

 tsd query angular --action install

Ou, mieux encore: 

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

Notez que vous pouvez faire tout cela dans Webstorm (alt-F12 ouvre une fenêtre de terminal).

Sur Webstorm pour Mac 

 Preferences->Languages&Frameworks->Typescript

Utilisez tsconfig.json doit être vérifié et vous devez créer un fichier tsconfig.json qui contient 

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