The great thing about AngularJS is that it comes with a very full featured test suite. This means that you can use tests if you:
- want to play around and try to add new features in AngularJS
- or try to understand AngularJS internals
Get AngularJS sourceDownload (git clone) from https://github.com/angular/angular.js
Make sure you have NodeJS installed
A pretty painless task: http://www.youtube.com/watch?v=VLncCs8bdI0
Install the pre requisite global NodeJS packages
You need grunt and karma. Pretty painless after you have node:
npm install -g grunt
npm install -g karma
Download AngularJS prerequisite NodeJS packages
from the main AngularJS folder. This will basically read package.json and download any prerequisites.
Setup your CHROME_BIN
I have this environment variable pointing to my chrome.exe (not chrome canary).
Build AngularJS (required if you want to run the tests):
Run the karma server
karma start karma-modules.conf.js --no-single-run --auto-watch --reporters dots
This should start chrome + run the tests (module tests in this case as I ran karma-modules.conf.js)
Leave this command (i.e. karma) running in the background.
Now setup debug environment in WebStorm
Create a new WebStorm project from your AngularJS folder. Edit your run configurations:
(Don't mind that I already have debug karma setup, you will not).
Add a remote debug config:
Add set it up as follows. Call it whatever you want but url to open and remote url are important:
Great. Now set a breakpoint, Start debugging and watch the magic happen.