How to debug Angular 4 (or 2) with Visual Studio 2015?

I'm following some tutorials to learn Angular 4. I setup my first project with Angular 4 and Visual Studio 2015 Community edition.

This is one example I followed. Example

I put breakpoints and I couldn't debug the code.

I have to use Visual Studio Code to be able to debug Angular 4 in Visual Studio 2015?
I found these Debug 1

and debug 2
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Pawan KumarDatabase ExpertCommented:
Julian HansenCommented:
Not sure what the question is?

You would VS Code to do the debuging of angular.
Make sure you start your browser with remote debugging enabled and you don't have any other instances of the browser running that were not started with remote debugging.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
CamilliaAuthor Commented:
You would VS Code to do the debuging of angular

I'm developing in Visual Studio 2015....not in VS Code. So, even tho I'm in VS 2015, I have to do the debugging in VS Code?

Pawan - let me look at your link.
Exploring SharePoint 2016

Explore SharePoint 2016, the web-based, collaborative platform that integrates with Microsoft Office to provide intranets, secure document management, and collaboration so you can develop your online and offline capabilities.

Julian HansenCommented:
Do you want to debug at the JS level or the TypeScript level? If the latter then you need to go with VS Code - I don't think VS is TypeScript aware - I may be wrong but all docs I have read points to VS Code being the TypeScript editor / debugger of choice.
CamilliaAuthor Commented:
I wanted to step thru the component code.

It's clearer now....VSCode is to debug the TypeScript portion.

I'll read more to get a better understanding.
Julian HansenCommented:
Just a note on the other post - if you read that it talks about using Source Maps which essentially allow you to reverse the minifying process that is performed as part of the build. This will result in the debugging happening on the JavaScript code - not the TypeScript code - and as the latter is transpiled to the former you are not really going to get anywhere with that method (in my view - personally I have not tried it - I may be barking up the wrong tree here). Just pointing it out.
CamilliaAuthor Commented:
thanks. Let me read since i'm new to Angular 4.
I got a much better understanding with AngularJS but creating a sample project for myself to learn 4.
CamilliaAuthor Commented:
I'll play around with VSCode and the other method and read more. Will post if I have other questions.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
.NET Programming

From novice to tech pro — start learning today.