Develop and debug angular7 project using Visual Studio 2017

Question

I created a angular7 project using ng new my-app command (instruction given by https://angular.io/guide/setup-local ). I am a visual studio fan and I want to develop and debug this application further using visual studio 2017 (not with visual studio code) .

I tried following with visual studio.

File -> Open -> Website (and opened the application folder)

but when I hit "Start Debugging" or "Start without Debugging" it goes to "HTTP Error 403.14 - Forbidden" page

I know there is a separate option in visual studio to create Angular application but it will create a angular application with some c# and .net bindings. I don't need that and what I need is pure Angular7 app with pure HTML.

is there any configuration has to be done to debug and run the app through visual studio?

Answer 1

You can create Angular project with .Net Core using this template

And to debug typescript you can follow this link . Is pretty long so I cant pass the detail for you.

Cheers

Answer 2

You can install Angular CLI Templates from here :

This is a set of two separate templates that create Angular CLI applications in Visual Studio 2017. There is a template that adds the Angular CLI to an existing ASP.NET Core project. It is referred to as Item Template. Another template creates an Angular CLI application as a static website project. It is referred to as Project Template.

Answer 3

open website folder path in CMD . type "npm start" . go to your File and type debugger;