AngularJS Eclipse Plugin

AngularJS Eclipse Plugin extends Eclipse WTP to :

provides an HTML editor which supports AngularJS expression and directive. See HTML features for more informations.
provides an Angular Explorer view which displays modules, controllers of your project in a tree.
provides a Javascript editor which supports AngularJS features (modules, etc).

AngularJS Eclipse is based on tern.java to manage powerfull completion on HTML files (AngularsJS Expression, directive, modules) and Javascripts files (see Tern Eclipse IDE)

AngularJS Configuration

Before opening your HTML files (to see AngulaJS synt), you must convert your project to AngularJS Project :

HTML Editor

After that, you can open your HTML with AngularJS Editor :

You will see that AngularJS directive + EL are highlighted, completion is available for directive name :

After configuring tern server, completions, hover, validation, hyperlink are available for modules, controllers, angular expression :

See HTML features for more informations.

Javascript Editor

See Tern Eclipse IDE.

Installation

AngularJS Eclipse is developped with Eclipse Kepler. It is adwiced to use Kepler (even if AngularJS Eclipse could work with older version of Eclipse).

If you wish to test the snapshot version of AngularJS Eclipse, you can install it with the Eclipse Update site http://oss.opensagres.fr/angularjs-eclipse/1.0.0-SNAPSHOT/ but it's not an official release.

Build