Que es Console Ninja?

Es una extension de Vscode que permite ver los mensajes de consola direactmente dentro del editor en lugar de tener que ir a la terminal y tener que examinarlos desde alli. Esto es muy util sobretodo cuando tenemos que ver datos de:

  • Errores
  • Respuestas de Peticiones HTTP
  • Ver valores de variables direcatmente sin tener que cambiar de ventana

Funciona con multiples frameworks de Javascript como React, Vue, Angular, Svelte y practicamente cualquier biblioteca de Javascript.

Console Ninja es desarollado por Wallabyjs, que tambien son los creadores de Quokkajs

Casos de uso

  • Ver eventos del navegador que estan en paginas HTML y Javascript Vanilla
  • aplicaciones frontend con frameworks como React. Por ejemplo en React puede mostrarte cuando has escrito mal algunas variables, o no has colocado un Key, o cuando un map puede ser undefined.
  • Aplicaciones Backend con Frameworks de Nodejs o Nextjs

Comando de Ctrl + P en console Ninja

  • Pause Console Ninja
  • Restart Console Ninja
  • Show Ouput
  • Clear Output