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

说明与用途

一个 VS Code 扩展，允许开发者通过一次 F5 按键在浏览器中调试 JavaScript，自动启动本地服务器、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.

来源