¿Cómo configuro Visual Studio Code para depurar con puntos de interrupción un archivo JavaScript que forma parte de un archivo HTML?

Lo que quiero lograr se demuestra en este video, pero no explica cómo configurarlo:

https://www.youtube.com/watch?v=2ub2GCC8DHg&t=190s

Editar:

Lo que muestra el video: El video muestra un programa JavaScript (y el archivo HTML al que está adjunto) ejecutándose en el navegador Microsoft Edge. El JavaScript se está depurando en VS Code con puntos de interrupción. El navegador se detiene cuando se alcanza un punto de interrupción. Luego, el navegador se reanuda cuando el JavaScript continúa ejecutándose después del punto de interrupción.

Lo que probé: instalé VS Code y puedo depurar JavaScript independiente (que no forma parte de un archivo HTML) con puntos de interrupción. Cuando se trata de ejecutar JavaScript que forma parte de un archivo HTML, puedo ejecutar los archivos en un navegador web pegando en él la ruta del archivo HTML. También puedo ejecutar los archivos con una extensión llamada Vista previa en vivo de Microsoft. Los archivos JavaScript y HTML funcionan bien juntos sin errores en mi navegador.

Dónde estoy atascado: no hay sincronización entre el navegador y VS Code. Cuando intento depurar el JavaScript, no sabe que es parte del HTML. Se depura como independiente, por lo que hay un error porque necesita el objeto DOM del archivo HTML.