Cómo depurar (debug) código con vscode 🐞 | Debug Node.js, React, JavaScript

Cómo depurar código usando Visual Studio Code, tutorial desde CERO.

Depurar el código es una de las habilidades más importantes que debe tener todo programador. En este video les muestro paso a paso cómo depurar proyectos de JavaScript, Node.js y React, pero estos principios los pueden aplicar en casi cualquier lenguaje de programación y editor de código.

✅ Contenido:
0:00 Intro
0:34 Setup
1:31 Ejecutar código
2:00 Añadir breakpoints
2:27 Inspeccionar variables
4:03 Observar expresiones (WATCH)
4:48 Continuar ejecución
5:37 Step Over
6:26 Step Into
7:07 Step Out
7:27 Reiniciar ejecución
8:10 Detener ejecución
8:40 Run to Line
9:23 CALL STACK
10:06 BREAKPOINTS
11:50 Breakpoints condicionales
12:56 Logpoints
14:24 Hit Count
15:39 Debug Console
16:59 Depurar Node.js
21:19 Depurar React.js

📺 Videos relacionados:
Configura vscode desde CERO: https://youtu.be/HqE-lGznGac

👀 Les sugiero pongan el video en 1080p para que puedan ver el contenido con nitidez.

🔔 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_confirmation=1

🐦 Sígueme en twitter:
https://twitter.com/ymulenll

📌Enlaces:
Código de ejemplo: https://gist.github.com/ymulenll/8d6eb64eac34c446980b70e7cc7c509f
Servidor Node.js - express: https://github.com/ymulenll/nodejs-express-simple-server
Proyecto React: https://github.com/ymulenll/movies-curso-react

Muchas gracias por ver este video, espero le haya sido útil.

#vscode