I prefer to do all my development in Visual Studio Code these days. I know KodeStudio is a fork of Code, but it disables a bunch of things I'd rather it not. Thankfully, I just discovered how to easily debug my projects within Visual Studio Code (I used to just debug in the browser), and figured I'd share in case anyone here is in the same boat.
Here's how I got things working:
- Install the Debugger for Chrome extension
- In your project root, create (or edit) the two files:
.vscode/launch.json
and.vscode/tasks.json
according to this gist: https://gist.github.com/FuzzyWuzzie/89a620b4adda01452cba0314e4c02c98 - Make sure to enable debug (sourcemaps) in your
khafile.js
:project.addParameter('-debug');
- Click the debug tab, select the 'Kha/HTML5' configuration, and launch!
You can set breakpoints, inspect variables, etc.
Hope that helps!