Właśnie kupiłem WebStorm 5 i do tej pory naprawdę cieszę się z jego funkcji Inspection. Jednym z problemów, na które natknąłem się podczas tworzenia rozszerzenia do Chrome, jest to, że nie rozpoznaje ono chromezmiennej:
Czy istnieje sposób, w jaki mogę dodać chromezmienną do Inspektora, aby mogła się autouzupełnianie podczas pisania? Zgaduję, że musiałbym dodać Chromium jako bibliotekę zewnętrzną, ale nie jestem pewien, od czego zacząć.
Odpowiedzi:
Otwórz Settingsokno dialogowe ( File> Settings)
Kliknij Languages & Frameworks> Javascript>Libraries
Kliknij Download
Upewnij się, że TypeScript community stubsjest zaznaczona
Wybierz chromez listy (możesz go szybko znaleźć, po prostu wpisując chrome)
Kliknij Download and Install
Kliknij, OKaby zamknąć okno dialogowe Ustawienia.
Kroki 2-6 zilustrowane poniżej:
W każdym kolejnym projekcie po prostu:
Otwórz Settingsponownie okno dialogowe ( File> Settings)
Kliknij Languages & Frameworks> Javascript> Librariesponownie
Czek chrome-DefinitelyTyped
Kliknij, OKaby zamknąć okno dialogowe.
Kroki 2-4 pokazano poniżej:
command+,
AKTUALIZACJA 2 :
Jest teraz obsługiwany po wyjęciu z pudełka, zobacz pełną odpowiedź poniżej .
AKTUALIZACJA :
Istnieje bardziej kompletny plik pośredniczący, który można dodać jako bibliotekę, aby uzyskać uzupełnianie kodu. To część projektu Closure Compiler. Pobierz chrome_extensions.js .
Zobacz także żądanie funkcji dla WebStorm, aby automatycznie dodać tę bibliotekę ze środowiska IDE.
Musisz gdzieś pobrać bibliotekę JavaScript dla interfejsu API Chrome lub użyć kodu pośredniczącego, aby uzyskać podstawowe uzupełnienie .
Bibliotekę lub skrót można skonfigurować w WebStorm .
Znalazłem pliki JSON z rozszerzeniem API . Można napisać skrypt, który zbuduje fragmenty kodu JS z tych plików JSON, kody pośredniczące mogą wyglądać jak podstawowa wersja połączona na GitHub powyżej, ale przy automatycznym generowaniu będą zawierały prawie kompletne komentarze API i JSDoc, aby można było przeglądać dokumentację taką jak tutaj bezpośrednio w IDE.
Mapowanie kodu JSON => kodowanie obiektów JavaScript jest całkiem proste w tym przypadku, a napisanie tego rodzaju konwertera nie powinno zająć więcej niż jeden dzień (lub kilka godzin dla wykwalifikowanego programisty).
Jeśli ktoś pójdzie naprzód i wdroży to, prześlij link do wyników tutaj.
/chrome/renderer/resources/extensionsktóry dał mi większość tego, czego chciałem do inspekcji.
Unresolved variableostrzeżenia w WebStorm, musiałem dodać następujący wiersz chrome_extension.js: var chrome = {}i obejmują go jako biblioteki w moim projekcie.
WebStorm powinien pewnego dnia akceptować definicje json bezpośrednio, aby umożliwić autouzupełnianie dla zdefiniowanych funkcji. W międzyczasie możesz użyć programu pod adresem https://github.com/QuickrWorld/jsgen, aby przekonwertować pliki json na js, aby włączyć automatyczne uzupełnianie dla interfejsów API rozszerzeń Chrome.