Using Kolo in VSCode

In VSCode, Kolo is available via the sidebar menu. Once clicked, Kolo shows the requests that your Django app recently served:

Kolo in the sidebar menu of VSCode

From this view you can start exploring your requests and what happened within them. Almost every item in this list is expandable, clickable, and will let you dig into the details

Inline annotations

To enable the inline code annotations for a specific request, click on the top level item in the list of recent requests. You should see a little confirmation message pop up, and then your code will be annotated with inline function arguments, return values, and local variables.

Selecting a request to annotate

Confirmation message for inline annotations

Frame visualization

Click on “Frames” for a specific request, and the frame visualization will open up:

Clicking "Frames" shows the frame visualization