Comment puis-je utiliser WebStorm pour l'Extension Chrome de Développement?

Je viens d'acheter WebStorm 5 et jusqu'à présent, ont été vraiment profiter de son Inspection. Un attelage que j'ai exécuté lors de l'élaboration de mon extension Chrome est qu'il ne reconnaît pas la chrome variable:

Comment puis-je utiliser WebStorm pour l'Extension Chrome de Développement?

Est-il un moyen que je peux ajouter le chrome variable à l'Inspecteur d'académie afin qu'il puisse la saisie semi-automatique en cours de frappe? Je suppose que j'aurais besoin d'ajouter du Chrome comme une Bibliothèque Externe, mais je n'en suis pas sûr où commencer.

InformationsquelleAutor matpie | 2012-12-21
  1. 177

    Première Configuration

    1. Ouvrir le Settings dialogue (File > Settings)

    2. Cliquez sur Languages & Frameworks > Javascript > Libraries

    3. Cliquez sur Download

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

    5. Sélectionnez chrome 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.

    Les étapes 2-6 illustré ci-dessous:

    Comment puis-je utiliser WebStorm pour l'Extension Chrome de Développement?

    Dans Les Projets Suivants

    Dans tout autre projet, vous venez de:

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

    2. Cliquez sur Languages & Frameworks > Javascript > Libraries nouveau

    3. Vérifier chrome-DefinitelyTyped

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

    Les étapes 2 à 4 illustré ci-dessous:

    Comment puis-je utiliser WebStorm pour l'Extension Chrome de Développement?

    • Fonctionne aussi bien en Intellij
    • Merci pour cette! maintenant, google-apps-script et google.visualisation sont disponibles aussi bien.
    • Webstorm11 a changé où trouver les paramètres complètement.
    • Vraiment? J'ai la dernière version de WebStorm, et aussi loin que je peux dire, le seul changement est que le JavaScript section est maintenant sous Languages & Frameworks.
    • Désolé, vous avez raison. Il sert à être "Paramètres du Projet" et "IDE" Paramètres des sections sous un seul dialogue "Paramètres". Maintenant, il existe des "Paramètres" et "Paramètres par Défaut" des boîtes de dialogue. J'ai mis à jour la réponse.
    • répondre par @CrazyCoder ci-dessous est à jour.
    • Une mise à jour de réponse est nécessaire que IntelliJ IDEA 2017.1 ne montre pas de "chrome" en vertu de "Tapuscrit de la communauté des talons". Une idée de comment ajouter que?
    • Il s'est avéré être un bug dans IntelliJ IDEA 2017.1 youtrack.jetbrains.com/issue/WEB-26160#u=1490671035044
    • Sur mac, le nom n'est pas de mise, mais la préférence. Mais vous pouvez y accéder à l'aide command+,
    • Il n'y a pas de "chrome" dans la liste. Tout ce que j'obtiens est .github, des scripts et des types
    • Il devrait probablement être noté que WebStorm devra être redémarré.

    InformationsquelleAutor Miscreant
  2. 41

    Mise à JOUR 2:

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

    Comment puis-je utiliser WebStorm pour l'Extension Chrome de Développement?

    Mise à JOUR:

    Il est plus complet fichier stub qui peut être ajouté comme une bibliothèque pour obtenir la complétion de code. C'est une partie de la Fermeture du Compilateur projet. Télécharger chrome_extensions.js.

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

    Vous avez besoin pour obtenir la bibliothèque JavaScript pour le Chrome API quelque part, ou utiliser un tampon pour obtenir de base d'achèvement.

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

    J'ai trouvé le JSON fichiers avec l'Extension de l'API. On peut écrire un script qui va construire JS talons à partir de ces fichiers JSON, les bouchons peuvent ressembler à la version de base lié sur GitHub ci-dessus, mais avec la génération automatique ils contiennent presque complète de l'API et JSDoc observations, de sorte que la documentation comme ici peut être consulté directement dans l'IDE.

    JSON => JavaScript object talons de la cartographie est assez simple dans ce cas et la rédaction de ce type de convertisseur ne doit pas prendre plus d'une journée (ou plusieurs heures pour le programmeur expérimenté).

    Si quelqu'un va de l'avant et la met en œuvre, merci de poster le lien vers les résultats ici.

    • Merci, j'aime cette idée que le meilleur. Fait, j'ai fini le clonage le Chrome Repo Git et ajouté au dossier /chrome/renderer/resources/extensions qui m'a procuré le plus de ce que je voulais pour l'Inspection.
    • sirlancelot - ne fonctionne pas pour moi ... pouvez-vous poster ici quelques snipper qui a auto achèvement après l'ajout de cette dir comme une bibliothèque de WebStorm (ou Ide) ?
    • J'ai téléchargé Extension Chrome mais pour se débarrasser de la Unresolved variable avertissement dans WebStorm, j'ai dû ajouter la ligne suivante à chrome_extension.js: var chrome = {} et d'inclure comme une bibliothèque dans mon projet.
    • Il y a aussi un assez récent (Déc. 2013) vsdoc fichier à code.google.com/p/chrome-api-vsdoc. Il a de l'objet, la méthode et les paramètres des descriptions (ce qui Tapuscrit version manque). Les Descriptions sont un peu déformés lors de l'affichage avec les touches Ctrl-Q en raison de vsdoc l'utilisation de XML pour la doc annotations, mais toujours lisible et utilisable. Il suffit d'ajouter le téléchargé vsdoc comme une coutume bibliothèque JS dans Webstorm.
    InformationsquelleAutor CrazyCoder
  3. 2

    WebStorm devrait un jour accepter json définitions directement pour activer la saisie semi-automatique pour les fonctions définies. En attendant, vous pouvez utiliser le programme à https://github.com/QuickrWorld/jsgen pour convertir les fichiers json js pour activer l'auto-complétion pour l'extension chrome Api.

    InformationsquelleAutor Amitabh
  4. 1

    Pour l'écriture AppScript, des fonctions et des classes comme DriveApp, SpreadsheetApp, il y a un plugin dans WebStorm ou Intellij appelé google-app-script.

    La méthode d'installation est le même que ci-dessus. D'autre part, vous devez marquer ou ouvrez le .gs fichier JavaScript. (Juillet 2017)

    InformationsquelleAutor Mingzhong