I’ve been really enjoying the new extension and feel like I’m pretty close to getting client side javascript debugging working.
I can open a project and also create a file .vscode/launch.json (I have to create that file in the web ui, not in vscode or it doesn’t show up. That seems like a different issue though). I set it to my glitch project url. For example.
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome",
"url": "https://p5-sketch-1.glitch.me/",
"webRoot": "${workspaceFolder}"
}
]
}
I can hit F5 and it launches a browser but I can’t set any breakpoints. If I instead set the breakpoints in chrome, the file does show up in vscode but in another window as read only. I think what’s wrong is that it can’t tell /script.js is the same script.js that I’m editing. I don’t really understand how the file system mapping stuff works in the extension. Is there some other remote files aware way to set the webRoot that would make this work? Has anyone else tried this?