How to debug extensions in Visual Studio code

I am building my first extension following the tutorial here Extension Tutorial — JupyterLab 4.0.2 documentation

And I don’t have prior experience with Typescript or Node.js.

How would I set breakpoints so that I can step through the code? I should rephrase my question…I know how to set a breakpoint, but I don’t know how to get it to stop at the breakpoint. It seems like a pretty complicated stake with Typescript running in Jupyter, in a Web browser. Does anyone have any tips of what I need to do debug?

Here is a screenshot of my dev environment while I am attempting to debug for reference.