Chrome Dev Tools + Developing in VSCode

[jakobtroidl]

I am trying to figure out my development workflow with anywidget in VSCode. Is there any way to access Chrome developer tools or inspect the javascript console while testing my *.ipynb in a VSCode environment? So far, I have only been able to do that when working in the jupyter lab. Overall, I find the VSCode developer experience much better than Jupyter Lab, and how to streamline my dev workflow.

[manzt]

Hey! Thanks for trying out anywidget. Yes, you should be about to open the Chrome developer tools via the command palette (Command + Shift + P for >, then search for "Developer: Toggle Developer Tools").

I usually recommend starting with the minimal JS template for VS Code development: npm create anywidget@latest. This will setup a few things and allow creating Python envs/etc with the VS Code UI (which should be a nice way to get started).

[manzt]

Of course, you can also just open an .ipynb notebook and get started! Usually nice to have the Python code in the notebook initially (so you don't need to restart the kernel to see Python changes).

[jakobtroidl]

Amazing! That's very cool! I'll give that a try. Thanks for the swift response, @manzt :)