Visual Studio Code¶
To get Clio debugging in Visual Studio Code, you should first install the official
Clio language support extension for VSCode, then create a .vscode/launch.json
file at the root of your project directory with the following content:
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Clio",
"type": "node",
"request": "launch",
"program": "build/.clio/index.js",
"outFiles": ["${workspaceFolder}/build/**/*.js"],
"resolveSourceMapLocations": ["${workspaceFolder}/build/**"],
"trace": true,
"sourceMaps": true,
"smartStep": false
}
]
}
Now, head over to the build directory, open the clio files and set your breakpoints.

Once you are ready, go to the “Run and Debug” section of VSCode, select “Debug Clio”
and click on the green |>
icon. The code should run and pause on your breakpoints.
You can see the local variables and some useful information on the left pane.

To learn more, you can visit the official VSCode documentation pages.