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). See Javascript features for more informations.

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

If you start with AngularJS Eclipse, please read Getting Started.

Installation

AngularJS Eclipse is developed/tested with Eclipse 4.4 Luna. It is advised to use Eclipse 4.4 Luna (even if AngularJS Eclipse could work with older version of Eclipse).

To install AngularJS Eclipse, please read Installation - Update Site section.

AngularJS Configuration

Before opening your HTML files (to benefit with angular highlight, completion, hover, validation), you must convert your project to AngularJS Project :

Convert To AngularJS Project

HTML Editor

After that, you can open your HTML with standard WTP HTML, JSP Editor. You will see that AngularJS directive + EL are highlighted, completion is available for directive name :

AngulerJS Editor Overview

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

Completion for expression

See HTML features for more informations.

Javascript Editor

See Javascript features and Tern Eclipse IDE for more informations.

Build

AngularJS Eclipse is build with this cloudbees job.