Skip to main content
Version: 2.0

Setting up your editor

To get the most out of writing Element scripts, it's important to have your editor configured correctly. If you don't write code every day, chances are you haven't evaluated all the options available to you.

We recommend using VSCode, which is a free code editor available from Microsoft for every platform.

How to debug Element script with VSCode#

Element 1.3.8 (or above) supports the ability to debug scripts with VSCode, with a few simple steps as below.

1. Add new configurations in launch.json file#

Under .vscode folder of your project, find the launch.json file and add the below configurations:

{
"version": "1.3.8",
"configurations": [
{
"name": "debug",
"type": "node",
"request": "launch",
"args": [
"/usr/local/bin/element", // your Element installation path
"run",
"./test.ts", //path to your test script
"--devtools", // add this line if you want to open DevTools while debugging
"--debug"
]
}
]
}

2. Add the debugger keyword in your test script#

In your test script, add the debugger keyword where you want the test to pause in execution.

Add debugger keyword in your test script