Tools make our lives easy and we are going to share some tools that will help you with different aspects of AngularJS development, from code writing to debugging:
- Batarang: We have mentioned and used Batarang earlier while working with scopes. Batarang is an excellent debugging tool for an AngularJS application and we have explored only a few features of this awesome Chrome extension. We can install it from the Chrome web store (https://chrome.google.com/webstore/category/apps).
- Browser Developer Console: All current browsers have excellent capabilities when it comes to JavaScript debugging. Since we are working with JavaScript, we can put breakpoints, add a watch, and do everything that is otherwise possible with JavaScript. Remember, a lot of errors with code can be detected just by looking at the browser's console window.
- jsFiddle and Plunker: jsFiddle (http://jsfiddle.net/) and Plunker (http://plnkr.co/) are excellent playgrounds for trying out HTML, CSS, and JavaScript code. These tools also have great versioning and sharing capabilities that can come in handy if we want someone's help.
- IDE extensions: Many of the popular IDEs on the market have plugins/extensions to make AngularJS development easy for us. Examples include: Sublime Text package (https://github.com/angular-ui/AngularJS-sublime-package), JetBrain WebStorm 8 (http://blog.jetbrains.com/webstorm/2014/03/welcome-webstorm-8/), and TextMate bundle (https://github.com/angular-ui/AngularJS.tmbundle). Search for support for your specific IDE on the Internet to see if there is some helpful stuff available.
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.