Je viens d'acheter WebStorm 5 et jusqu'à présent, j'ai vraiment apprécié ses fonctionnalités d'inspection. Un problème que j'ai rencontré lors du développement de mon extension Chrome est qu'il ne reconnaît pas la chromevariable:
Existe-t-il un moyen d'ajouter la chromevariable à l'inspecteur afin qu'il puisse se compléter automatiquement lorsque je tape? Je suppose que j'aurais besoin d'ajouter Chromium en tant que bibliothèque externe, mais je ne sais pas par où commencer.
Réponses:
Ouvrez la Settingsboîte de dialogue ( File> Settings)
Cliquez sur Languages & Frameworks> Javascript>Libraries
Cliquez sur Download
Assurez-vous que TypeScript community stubsest sélectionné
Sélectionnez chromedans la liste (vous pouvez le trouver rapidement en tapant simplement chrome)
Cliquez sur Download and Install
Cliquez OKpour fermer la boîte de dialogue Paramètres.
Étapes 2 à 6 illustrées ci-dessous:
Dans tout projet ultérieur, il vous suffit de:
Ouvrez à Settingsnouveau la boîte de dialogue ( File> Settings)
Cliquez sur Languages & Frameworks> Javascript> Librariesnouveau
Vérifier chrome-DefinitelyTyped
Cliquez OKpour fermer la boîte de dialogue.
Étapes 2 à 4 illustrées ci-dessous:
command+,
MISE À JOUR 2 :
Il est désormais pris en charge par défaut, voir la réponse complète ci-dessous .
MISE À JOUR :
Il existe un fichier stub plus complet qui peut être ajouté en tant que bibliothèque pour terminer le code. Cela fait partie du projet Closure Compiler. Téléchargez chrome_extensions.js .
Voir également la demande de fonctionnalité pour WebStorm pour ajouter automatiquement cette bibliothèque à partir de l'EDI.
Vous devez obtenir la bibliothèque JavaScript pour l'API Chrome quelque part ou utiliser un stub pour obtenir une exécution de base .
Une bibliothèque ou un stub peut être configuré dans WebStorm .
J'ai trouvé les fichiers JSON avec l'API d'extension . On peut écrire un script qui construira 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 afin que la documentation comme ici puisse être consultée directement dans l'IDE.
JSON => Le mappage des stubs d'objet JavaScript 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 expérimenté).
Si quelqu'un décide de le mettre en œuvre, veuillez publier le lien vers les résultats ici.
/chrome/renderer/resources/extensionsqui m'a donné la plupart de ce que je voulais pour l'inspection.
Unresolved variableavertissement dans WebStorm, j'ai dû ajouter la ligne suivante à chrome_extension.js: var chrome = {}et l'inclure en tant que bibliothèque dans mon projet.
WebStorm devrait un jour accepter les définitions json directement pour permettre la saisie semi-automatique des fonctions définies. En attendant, vous pouvez utiliser le programme à l' adresse https://github.com/QuickrWorld/jsgen pour convertir les fichiers json en js afin d'activer la saisie semi-automatique pour les API d'extension Chrome.
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 comme JavaScript. (Juillet 2017)