Chrome - Debug Angular/Typescript - how to navigate to ts file : <p>To debug my angular front end, I open the dev tools in Chrome and the sources tab and navigate to the ts file by clicking down through all the folders and when I do find the ts file, I then set a breakpoint. and go back to using the application and then start debugging.</p>

<p>While this works, it is time consuming to have to drill down through folders... and look for the ts file. As the project has grown, I find it is becoming even more time consuming.</p>

<p>I also have to remember which TS file is associated with which page.</p>

<p>Does anyone know if it is possible to go directly from the page to the ts file ?</p>

<p>I would love to be able to right click and select a menu item to go directly to the ts file in exactly the way Inspect works for HTML files.</p>

<p>Any suggestions should consider that the project is quite large.
I did try to use some add-on but it took ages to refresh was unusable.</p>

<p>Does anyone have any tips on how to avoid drilling down through the folders to find the ts file and setting the breakpoint.  How can this be achieved in a much faster, efficient way ?</p>

<p>Thanks a million,
Fergal.</p>
