Un modo migliore per eseguire il debug di JS con i generatori in IntelliJ o WebStorm

Question

Sto lavorando a una webapp in Node JS, utilizzando il framework Koa.

Tutto il controllo del flusso viene eseguito con i generatori, anziché i callback. Il codice sembra sequenziale, sebbene il flusso reale non lo sia. Ad ogni modo sembra molto più pulito dell'inferno del callback.

Ecco un semplice esempio di una funzione di controllo scritto con KOA:

function *findUserById(userId) 
{ 
    var user = yield getUserOrError404(userId); 
    yield loadAdditionalData(user); 
    yield data.users.save(user); 
    return user; 
} 

Howeve c'è una difficoltà: passo del codice con yield s nel mio IDE (IntelliJ IDEA) non funziona molto bene. Una volta che l'esecuzione è in linea con l'istruzione yield, se ho appena "scavalcato", i flussi di esecuzione salgono allo stack di codice koa (questo non è proprio l'errore dell'IDE poiché segue solo il flusso effettivo di esecuzione dei generatori , dichiarazioni di rendimento e loop di eventi di nodo).

Attualmente devo impostare un punto di interruzione alla prossima istruzione. Voglio che il debugger si interrompa, frequentemente la riga successiva, e faccia clic sul pulsante "Riprendi programma".

Può diventare noioso quando ci sono più di 2-3 dichiarazioni di rendimento.

C'è un modo migliore (trucco, plug-in, ...) per passare attraverso il codice JS generatore-pesante che consente di scavalcare una dichiarazione di rendimento come se fosse un'istruzione sequenziale "normale"?

Answer 1

Suoni come un lavoro per il comando Run To Cursor - questo funziona in modo efficace come un breakpoint leggero che viene rimosso dopo che l'esecuzione raggiunge la linea su cui si trova attualmente il cursore.

Vedi this gist per uno screenshot del tasto è possibile utilizzare per questo, e un file di test harness ho usato per controllare se questo funziona (lo fa, almeno in PhpStorm, quindi mi aspetto WebStorm di funzionare lo stesso per quanto riguarda JS).

Modifica: Funziona perfettamente anche in IntelliJ. Oltre al pulsante mostrato nello screenshot, puoi anche attivarlo facendo clic con il tasto destro sulla linea e quindi facendo clic su "Esegui su cursore" nel menu contestuale. Oppure la scorciatoia da tastiera [alt] + [F9].