javascript - Hur använder jag WebStorm för utveckling av Chrome-tillägg?

Jag har precis köpt WebStorm 5 och har hittills verkligen njutit av dess inspektionsfunktioner. Ett problem jag stött på när jag utvecklar mitt Chrome-tillägg är att det inte känner igen variabeln chrome:

Finns det ett sätt jag kan lägga till chrome-variabeln i Inspektören så att den kan autokompletteras medan jag skriver? Jag antar att jag skulle behöva lägga till Chromium som ett externt bibliotek men jag är osäker på var jag ska börja.

Svar #1

Första gången installation

  1. Öppna dialogrutan Inställningar (Arkiv > Inställningar)

  2. Klicka på Languages & Frameworks > Javascript > Libraries

  3. Klicka på Download

  4. Se till att TypeScript community stubs är markerat

  5. Välj chrome från listan (du kan hitta det snabbt genom att bara skriva chrome)

  6. Klicka på Hämta och installera

  7. Klicka på OK för att stänga inställningsdialogrutan.

Steg 2-6 illustrerade nedan:

I efterföljande projekt

I något efterföljande projekt gör du bara:

  1. Öppna dialogrutan Inställningar igen (Arkiv > Inställningar)

  2. Klicka på Languages & Frameworks > Javascript > Libraries igen

  3. Kolla chrome-DefinitelyTyped

  4. Klicka på OK för att stänga dialogrutan.

Steg 2-4 visas nedan:

Svar #2

UPPDATERING 2:

Det stöds nu direkt, se hela svaret nedan.

UPPDATERING:

Det finns en mer komplett stub-fil som kan läggas till som ett bibliotek för att få kodkomplettering. Den är en del av Closure Compiler-projektet. Ladda ner chrome_extensions.js.

Se även funktionsförfrågan för WebStorm om att lägga till detta bibliotek automatiskt från IDE:n.

Du behöver få JavaScript-biblioteket för Chrome API någonstans, eller använda en stub för att få grundläggande slutförande.

Bibliotek eller en stub kan konfigureras i WebStorm.

Jag hittade JSON-filerna med Extension API. Man kan skriva ett skript som bygger JS-stubbar från dessa JSON-filer, stubbarna kan se ut som den grundläggande versionen länkad på GitHub ovan, men med den automatiska genereringen kommer de att innehålla nästan komplett API och JSDoc-kommentarer så att dokumentation som här kan ses direkt i IDE:n.

JSON => JavaScript-objektstubbarnas mappning är ganska enkel i det här fallet och att skriva den här typen av konverterare borde inte ta mer än en dag (eller flera timmar för en skicklig programmerare).

Om någon går vidare och implementerar det, vänligen posta länken till resultaten här.

Relaterade artiklar