VSCode JS Debugging

Hasta hace poco, si queríamos depurar nuestro código JavaScript en el editor Visual Studio Code, la única opción que teníamos era la de añadir una configuración en el fichero ."vscode/launch.json". Para poder depurar de una forma mucho más simple y cómoda, vamos a utilizar el nuevo terminal "Javascript Debug Terminal"

Visual Studio Code JavaScript Debug Terminal

Hasta hace poco, si queríamos depurar nuestro código JavaScript en el editor Visual Studio Code, la única opción que teníamos era la de añadir una configuración en el fichero .vscode/launch.json.

El problema de estas configuraciones es que, dependiendo del proyecto, podía ser una tarea bastante tediosa, ya que necesitamos depurar procesos que se lanzan una sola vez, en modo watch, lanzar el proceso de la aplicación en un puerto y el proceso de depuración en otro, etc. Y ya si añadimos TypeScript o Babel a la ecuación, tenemos que estar pendiente de que estamos depurando los ficheros originales escritos en TypeScript o con una versión moderna de JavaScript, es decir, queremos depurar los mismos ficheros que escribimos, no el compilado.

Temario

Depurando con JavaScript Debug Terminal

Para poder depurar de una forma mucho más simple y cómoda, vamos a utilizar el nuevo terminal "Javascript Debug Terminal" que ofrece VS Code, con el que vamos a depurar varios tipos de procesos tanto en JavaScript como en TypeScript.

Ver lección

¿Te apuntas a nuestro máster?

Si te ha gustado este ejemplo y tienes ganas de aprender Front End guiado por un grupo de profesionales ¿Por qué no te apuntas a nuestro Máster Front End Online Lemoncode? Tenemos tanto edición de convocatoria con clases en vivo, como edición continua con mentorización, para que puedas ir a tu ritmo y aprender mucho.