Ich habe gerade WebStorm 5 gekauft und habe bisher die Inspektionsfunktionen wirklich genossen. Ein Problem, auf das ich bei der Entwicklung meiner Chrome-Erweiterung gestoßen bin, ist, dass die chromeVariable nicht erkannt wird:
Gibt es eine Möglichkeit, die chromeVariable zum Inspektor hinzuzufügen , damit sie während der Eingabe automatisch vervollständigt werden kann? Ich schätze, ich müsste Chromium als externe Bibliothek hinzufügen, bin mir aber nicht sicher, wo ich anfangen soll.
Antworten:
Öffne den SettingsDialog ( File> Settings)
Klicken Sie auf Languages & Frameworks> Javascript>Libraries
Klicken Download
Stellen Sie sicher, dass TypeScript community stubsausgewählt ist
Wählen Sie chromeaus der Liste (Sie können es schnell finden, indem Sie einfach tippen chrome)
Klicken Download and Install
Klicken Sie hier OK, um das Dialogfeld "Einstellungen" zu schließen.
Die Schritte 2-6 sind unten dargestellt:
In jedem nachfolgenden Projekt müssen Sie nur:
Öffne den SettingsDialog erneut ( File> Settings)
Klicken Sie auf Languages & Frameworks> Javascript> Librarieswieder
Prüfen chrome-DefinitelyTyped
Klicken Sie OK, um den Dialog zu schließen.
Die unten gezeigten Schritte 2 bis 4:
command+,
UPDATE 2 :
Es wird jetzt sofort unterstützt, siehe die vollständige Antwort unten .
UPDATE :
Es gibt eine vollständigere Stub-Datei, die als Bibliothek hinzugefügt werden kann, um die Code-Vervollständigung zu erhalten. Es ist Teil des Closure Compiler-Projekts. Laden Sie chrome_extensions.js herunter .
Siehe auch die Funktionsanforderung für WebStorm , diese Bibliothek automatisch aus der IDE hinzuzufügen.
Sie müssen die JavaScript-Bibliothek für die Chrome-API irgendwo herunterladen oder einen Stub verwenden, um die grundlegende Vervollständigung zu erhalten .
Eine Bibliothek oder ein Stub kann in WebStorm konfiguriert werden .
Ich habe die JSON-Dateien mit der Erweiterungs-API gefunden . Man kann ein Skript schreiben, das JS-Stubs aus diesen JSON-Dateien erstellt. Die Stubs können wie die oben auf GitHub verknüpfte Basisversion aussehen, aber mit der automatischen Generierung enthalten sie fast vollständige API- und JSDoc-Kommentare, sodass die Dokumentation wie hier angezeigt werden kann direkt in der IDE.
JSON => Die Zuordnung von JavaScript-Objektstubs ist in diesem Fall ziemlich einfach, und das Schreiben dieser Art von Konverter sollte nicht länger als einen Tag (oder mehrere Stunden für den erfahrenen Codierer) dauern.
Wenn jemand vorgeht und es implementiert, posten Sie bitte den Link zu den Ergebnissen hier.
/chrome/renderer/resources/extensionsAm Ende habe ich das Chromium Git Repo geklont und den Ordner hinzugefügt, der mir das meiste gab, was ich für Inspection wollte.
Unresolved variableWarnung in WebStorm zu entfernen, musste ich die folgende Zeile hinzufügen chrome_extension.js: var chrome = {}und sie als Bibliothek in mein Projekt aufnehmen.
WebStorm sollte eines Tages JSON-Definitionen direkt akzeptieren, um die automatische Vervollständigung für die definierten Funktionen zu aktivieren. In der Zwischenzeit können Sie das Programm unter https://github.com/QuickrWorld/jsgen verwenden , um die JSON-Dateien in JS zu konvertieren und die automatische Vervollständigung für die Chrome-Erweiterungs-APIs zu aktivieren.
Zum Schreiben von AppScript, Funktionen und Klassen wie DriveApp , SpreadsheetApp gibt es in WebStorm oder Intellij ein Plugin namens google-app-script.
Die Installationsmethode ist dieselbe wie oben. Auf der anderen Seite sollten Sie die .gs-Datei als JavaScript markieren oder öffnen. (Juli 2017)