Install AngularJS plugin Eclipse

Install AngularJS plugin Eclipse

If you are working on AngularJS and using eclipse for development then its good to have AngularJS plugin install in your eclipse which supports its expression and directives to make 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:

Install AngularJS plugin Eclipse

  • You will see below confirm feature window, here select all then click confirm:

Install AngularJS plugin Eclipse

  • Accept terms and click Finish:

Install AngularJS plugin Eclipse

  • You will see eclipse stared installing this plugin:

Install AngularJS plugin Eclipse

  • If you get warning window click OK to proceed:

Install AngularJS plugin Eclipse

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

Install AngularJS plugin Eclipse

  • Now to validate please create sample HTML page as below:

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

Install AngularJS plugin Eclipse

 

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:

Install AngularJS plugin Eclipse

  • 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:

Install AngularJS plugin Eclipse

That’s it we successfully installed AngularJS plugin in eclipse.


Last modified: Tuesday, 27 September 2016, 12:36 PM