Comment utiliser WebStorm pour le développement D'extensions Chrome?

Je viens d'acheter WebStorm 5 et jusqu'à présent, j'ai vraiment apprécié ses fonctionnalités d'Inspection. Un accroc que j'ai rencontré lors du développement de mon extension Chrome est qu'il ne reconnaît pas la variable chrome:

Variable non résolue ou type chrome

Existe-t-il un moyen d'ajouter la variable chrome à l'inspecteur afin qu'il puisse s'autocompléter lorsque je tape? Je suppose que je devrais ajouter Chromium en tant que Bibliothèque externe, mais je ne sais pas par où commencer.

63
demandé sur matpie 2012-12-22 01:32:01

4 réponses

Première Configuration

  1. Ouvrir la Settings dialogue (File > Settings)

  2. Cliquez sur Languages & Frameworks > Javascript > Libraries

  3. Cliquez sur Download

  4. Assurez - TypeScript community stubs est sélectionné

  5. Sélectionnez chrome à partir de la liste (vous pouvez le trouver rapidement, juste en tapant chrome)

  6. Cliquez sur Download and Install

  7. Cliquez sur OK pour fermer la boîte de dialogue Paramètres.


Étapes 2-6 illustrées ci-dessous:

Capture D'Écran Webstorm


Dans Les Projets Ultérieurs

Dans tout projet ultérieur, vous venez de:

  1. Ouvrir la Settings boîte de dialogue nouveau (File > Settings)

  2. Cliquez sur Languages & Frameworks > Javascript > Libraries encore une fois

  3. Vérifier chrome-DefinitelyTyped

  4. Cliquez sur OK pour fermer la boîte de dialogue.


Étapes 2-4 ci-dessous:

Capture d'écran Webstorm

130
répondu Miscreant 2017-07-30 19:15:52

Mise à JOUR 2:

Il est maintenant pris en charge hors de la boîte, voir la réponse complète ci-dessous.

Télécharger la bibliothèque

Mise à jour :

Il existe un fichier stub plus complet qui peut être ajouté en tant que Bibliothèque pour obtenir l'achèvement du code. C'est une partie du projet de compilateur de fermeture. Télécharger chrome_extensions.js .

Voir aussi la demande de fonctionnalité pour que WebStorm ajoute automatiquement cette bibliothèque à partir de L'IDE.


Vous devez obtenir le Bibliothèque JavaScript pour L'API Chrome quelque part, ou utiliser un talon pour obtenir l'achèvement de base.

Bibliothèque ou un tampon peut être configuré dans WebStorm.


J'ai trouvé les fichiers JSON avec L'API D'Extension . On peut écrire un script qui va construire des stubs JS à partir de ces fichiers JSON, les stubs peuvent ressembler à la version de base liée sur GitHub ci-dessus, mais avec la génération automatique, ils contiendront des commentaires API et JSDoc presque complets de sorte que la documentation comme ici peut être visualisée directement dans L'IDE.

JSON = > JavaScript Object stubs mapping est assez simple dans ce cas et l'écriture de ce type de convertisseur ne devrait pas prendre plus d'une journée (ou plusieurs heures pour le codeur qualifié).

Si quelqu'un va de l'avant et l'implémente, veuillez poster le lien vers les résultats ici.

38
répondu CrazyCoder 2017-09-24 05:35:23

WebStorm devrait Un Jour accepter directement les définitions JSON pour activer la saisie semi-automatique des fonctions définies. En attendant, vous pouvez utiliser le programme à https://github.com/QuickrWorld/jsgen {[2] } pour convertir les fichiers json en js pour activer l'auto-complétion des API d'extension chrome.

2
répondu Amitabh 2013-05-21 13:24:47

Pour écrire AppScript, des fonctions et des classes telles que DriveApp, SpreadsheetApp , Il existe un plugin dans WebStorm ou Intellij appelé google-app-script.
La méthode d'installation est la même que ci-dessus. D'autre part, vous devez marquer ou ouvrir le fichier. gs en JavaScript. (Juillet 2017)

0
répondu Mingzhong 2017-07-01 20:36:02