/angularjs-eclipse

AngularJS Eclipse Plugin

Primary LanguageJavaEclipse Public License 1.0EPL-1.0

AngularJS Eclipse Plugin

Build Status

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 powerfull 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 developped/tested with Eclipse Kepler. It is adwised to use Kepler (even if AngularJS Eclipse could work with older version of Eclipse).

It's not yet an official release, but 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/.

AngularJS Configuration

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

Convert To AngularJS Project

HTML Editor

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

Open With AngularJS 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 :

Completion for expression

See HTML features for more informations.

Javascript Editor

See Javascript features and Tern Eclipse IDE for more informations.

Build

See cloudbees job: https://opensagres.ci.cloudbees.com/job/angularjs-eclipse/