GUI Debugging

April 28, 2026 ยท View on GitHub

Unlike runtime debugging document this one focuses on debugging the Enso GUI - e.g. mostly TypeScript code - in VSCode with a few picturous steps.

Make sure to follow running IDE steps. Make sure you have corepack pnpm dev:gui task working. It is then used by the VSCode Enso GUI debugger integration.

Open the root of the repository as a folder in VSCode.

open

Choose "Enso GUI" as debug configuration.

Enso GUI

Such a configuration launches the Enso GUI via corepack pnpm dev:gui behind the scene. Then it connects a VSCode debugger to it and finally opens it all in the integrated VSCode browser.

integrated browser

Now just place a breakpoint and debug the GUI code as usual!

breakpoint