Ho appena acquistato WebStorm 5 e finora mi sono davvero divertito con le sue funzionalità di ispezione. Un intoppo in cui mi sono imbattuto durante lo sviluppo della mia estensione per Chrome è che non riconosce la chromevariabile:
C'è un modo per aggiungere la chromevariabile all'Inspector in modo che possa essere completata automaticamente durante la digitazione? Immagino che dovrei aggiungere Chromium come libreria esterna, ma non sono sicuro da dove iniziare.
Risposte:
Apri la Settingsfinestra di dialogo ( File> Settings)
Clicca Languages & Frameworks> Javascript>Libraries
Clic Download
Assicurati che TypeScript community stubssia selezionato
Seleziona chromedall'elenco (puoi trovarlo rapidamente semplicemente digitando chrome)
Clic Download and Install
Fare clic OKper chiudere la finestra di dialogo Impostazioni.
I passaggi 2-6 illustrati di seguito:
In qualsiasi progetto successivo, devi solo:
Apri di Settingsnuovo la finestra di dialogo ( File> Settings)
Fare clic su Languages & Frameworks> Javascript> Librariesnuovo
Dai un'occhiata chrome-DefinitelyTyped
Fare clic OKper chiudere la finestra di dialogo.
Passaggi 2-4 mostrati di seguito:
command+,
AGGIORNAMENTO 2 :
Ora è supportato immediatamente, vedere la risposta completa di seguito .
AGGIORNAMENTO :
Esiste un file stub più completo che può essere aggiunto come libreria per ottenere il completamento del codice. Fa parte del progetto Closure Compiler. Scarica chrome_extensions.js .
Vedere anche la richiesta di funzionalità per WebStorm per aggiungere automaticamente questa libreria dall'IDE.
È necessario ottenere la libreria JavaScript per l'API di Chrome da qualche parte o utilizzare uno stub per ottenere il completamento di base .
La libreria o uno stub possono essere configurati in WebStorm .
Ho trovato i file JSON con l'estensione API . Si può scrivere uno script che creerà stub JS da questi file JSON, gli stub possono assomigliare alla versione base collegata su GitHub sopra, ma con la generazione automatica conterranno commenti API e JSDoc quasi completi in modo che la documentazione come qui possa essere visualizzata direttamente nell'IDE.
JSON => La mappatura degli stub degli oggetti JavaScript è piuttosto semplice in questo caso e la scrittura di questo tipo di convertitore non dovrebbe richiedere più di un giorno (o diverse ore per il programmatore esperto).
Se qualcuno va avanti e lo implementa, inserisci qui il link ai risultati.
/chrome/renderer/resources/extensionsche mi ha dato la maggior parte di ciò che volevo per l'ispezione.
Unresolved variableavviso in WebStorm, ho dovuto aggiungere la seguente riga a chrome_extension.js: var chrome = {}e includerla come libreria nel mio progetto.
Un giorno WebStorm dovrebbe accettare direttamente le definizioni json per abilitare il completamento automatico per le funzioni definite. Nel frattempo, puoi utilizzare il programma su https://github.com/QuickrWorld/jsgen per convertire i file json in js per abilitare il completamento automatico per le API dell'estensione Chrome.