Debugging

Debug your applications directly inside List Coder with built-in debugger support.

Debugging

List Coder includes a built-in debugger that supports multiple programming languages. Set breakpoints, step through code, and inspect variables without leaving the IDE.


Getting Started

Launching the Debugger

  1. Open the file you want to debug
  2. Set a breakpoint by clicking the gutter next to a line number (or press F9)
  3. Press F5 or click Run → Start Debugging
  4. Select your debug configuration

Features

Breakpoints

  • Standard breakpoints — Pause execution at a specific line (F9)
  • Conditional breakpoints — Pause only when a condition is true
  • Logpoints — Log a message without pausing execution
  • Hit count breakpoints — Pause after a breakpoint has been hit N times

Variable Inspection

  • Hover over any variable to see its current value
  • Add variables to the Watch panel for continuous monitoring
  • Use the Locals panel to see all variables in the current scope

Call Stack

The Call Stack panel shows the chain of function calls that led to the current execution point. Click any frame to jump to that code.

Step Controls

ActionShortcutDescription
Step OverF10Execute the current line and move to the next
Step IntoF11Enter the function on the current line
Step OutShift + F11Exit the current function and return to the caller
ContinueF5Continue execution until the next breakpoint

Debug Configurations

Node.js / JavaScript

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/src/index.js",
      "console": "integratedTerminal"
    }
  ]
}

Python

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "python",
      "request": "launch",
      "name": "Launch Python",
      "program": "${workspaceFolder}/main.py",
      "console": "integratedTerminal"
    }
  ]
}

Go

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "go",
      "request": "launch",
      "name": "Launch Go",
      "program": "${workspaceFolder}/main.go"
    }
  ]
}

AI-Assisted Debugging

List Coder's AI can help you debug issues:

  1. When an error occurs, click Ask AI in the error notification
  2. The AI analyzes the error and suggests fixes
  3. Apply the fix with one click

Example

Error: Cannot read property 'name' of undefined at UserCard (src/components/UserCard.tsx:15)

[Ask AI] — The AI suggests adding a null check before accessing .name

Remote Debugging

You can debug applications running on remote servers:

  1. Create a launch configuration with "request": "attach"
  2. Set the remote host and port
  3. Start debugging — List Coder connects to the remote process

Troubleshooting

Breakpoints not hitting

  • Ensure the source maps are generated correctly
  • Check that the debug configuration matches your project setup
  • Verify the file path in the breakpoint matches the running code

Debugger not starting

  • Check that your runtime (Node.js, Python, etc.) is installed and on PATH
  • Verify the program path in your launch configuration
  • Check the Debug Console for error messages