How to Install AngularJS plugin in Eclipse

Advertisement
If you're performing on AngularJS and using eclipse for development then its smart to own AngularJS plugin install in your eclipse that supports its expression and directives to create development easy.

Please follow below steps to install this plugin:


  • Open your eclipse (Note: We are using Eclipse Kepler)
  • Click Window –> Eclipse Marketplace
  • In the Eclipse Marketplace window type AngularJS then click search. You will see below click install button:
For Java EE developers : WebJars - Life saviour for Java Dev

Install AngularJS plugin Eclipse

See the compare : Difference : AngularJS vs. Backbone.js vs. Ember.js
  • You will see below confirm feature window, here select all then click confirm:



Want some animations : Mobile Animation Using AngularJs
  • Accept terms and click Finish:



  • You will see eclipse stared installing this plugin:



Want some help : Struts2 AngularJS CRUD Example
  • If you get warning window click OK to proceed:



  • Once installation is complete you will see popup to restart your eclipse click Yes to restart it:


Now to validate please create sample HTML page as below:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>AngularJS Plugin Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<script type="text/javascript"> 

</script>
</head>
<body>
 <div ng-controller="HelloWorldController">
  

 </div>

</body>
</html>

  • To check if you get its expression and directive assistant write ng then press ctrl+space you will see below:

Important: After getting comment from Angelo below are findings:


  • To see blue icon with detail explanation including hyperlink of AngularJS API you will have to convert your project to AngularJS project. To convert right click project –> Configure –> Convert to AngularJS Project as below:



  • Once your project converted to AngularJS project validate it using any html file. Type first few words of AngularJS directive then press Ctrl+Space you will see below:


That’s it we successfully installed AngularJS plugin in eclipse.
Embed this post on your website Embed