I am currently trying to debug an AngularJS app I'm writing using Visual Studio 2013. I have the recently released Node.js Tools installed.
The app has been scaffolded using Yeoman/Bower/Grunt and uses the commandline grunt serve
command to package and start the localhost webserver.
How do I enable debugging from Visual Studio 2013? Do I have to attach to process, or can I hook it up to the trusty F5 in vs2013, or is it even possible at all?
Grunt is very popular build tool for creation build and deployment of application. Grunt JS is responsible to automate all thing after development, it's very handy and easy to use, We have learn how to install grunt and use GRUNT in your application, here is I am describing use of grunt with angular application.
Now open Visual Studio Code. Go to "File" > "Open Folder" and select "First-Angular-Project" from the "Desktop". Now in the "TERMINAL" run ng new Angular-Project-Demo. Whenever it prompts with something like "Would you like to add Angular routing? (y/N)" press "y" and hit "ENTER".
There is a Visual Studio extension which enables Grunt integration:
It adds a right click menu with options to launch Grunt, Gulp and Bower commands. When right clicking on a gruntfile you will see a new submenu listing all your options.
There is also an Angular.js template:
There are also more advanced solutions:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With