AngularJS Tools

卡布奇诺

Tools

Batarang
Batarang is a Chrome developer tool extension for inspecting the AngularJS web
applications. Batarang is very handy for visualizing and examining the runtime
characteristics of AngularJS applications. We are going to use it extensively in this
book to peek under the hood of a running application. Batarang can be installed
from the Chrome's Web Store (AngularJS Batarang) as any other Chrome extension.
Plunker and jsFiddle
Both Plunker (http://plnkr.co) and jsFiddle (http://jsfiddle.net) make it
very easy to share live-code snippets (JavaScript, CSS, and HTML). While those tools
are not strictly reserved for usage with AngularJS, they were quickly adopted by the
AngularJS community to share the small-code examples, scenarios to reproduce
bugs, and so on. Plunker deserves special mentioning as it was written in AngularJS,
and is a very popular tool in the community.
IDE extensions and plugins
Each one of us has a favorite IDE or an editor. The good news is that there are
existing plugins/extensions for several popular IDEs such as Sublime Text 2
(https://github.com/angular-ui/AngularJS-sublime-package), Jet Brains'
products (http://plugins.jetbrains.com/plugin?pr=idea&pluginId=6971),
and so on.