I Wanted to Press F5 and Debug JavaScript — So I Built My Own VS Code Debugger

Описание и применение

Разработчик создал расширение VS Code, которое позволяет отлаживать JavaScript в браузере одним нажатием F5, автоматически запуская локальный сервер, Chrome и устанавливая точки останова.

Задача

Developers spent excessive time configuring browser debugging environments instead of focusing on application code.

Результат

Developers can debug browser JavaScript with a single F5 press, eliminating server and configuration overhead, and focusing on code inspection and breakpoint management within VS Code.

Рабочий процесс

• Set a breakpoint in VS Code
• Press F5
• The extension starts a local web server
• Launches Chrome via CDP
• Establishes DAP connection
• Configures breakpoints before page load
• Loads the application
• Debugging proceeds inside VS Code

Доказательства

Set a breakpoint. Press F5. Debug my JavaScript.

Источник

The extension starts a local web server, launches Chrome, establishes the debugging connection, configures your breakpoints, and then load the application.

Источник

CloudIDEaaS JavaScript Debugger is free and open source under the MIT license.

Источник