Configuring angularjs with eclipse IDE

Question

I want to start using AngularJs and Java Spring for development purpose.I am using Eclipse as IDE . I want to configure my Eclipse to have these frameworks working seamlessly.

Answer 1

1. Make sure the project is extracted on your hard disk.
2. In Eclipse go to the menu: File->New->Project.
3. Select "General->Project" and click on the next button.
4. Enter the project name in the "Project name:" field
5. Disable "Use default location" Click on the "Browse ..." button and select the folder that contains the project (the one from step 1)
6. Click on the "Finish" button
7. Right-click with the mouse on you're new project and click "Configure->Convert to AngularJS Project.."
8. Enable you're project goodies and click on the "OK" button.

Answer 2

Hi Guys if u are using angular plugin in eclipse that time is plugin is limited periods after that if u want to used this plugin then u pay it so i suggest to you used webstrome and visual code ide that are very easy and comfort to used so take care if u start and developed a angular app using eclipse

Answer 3

Since these previous answers above, there is now a release of an Eclipse Plugin to assist with development using AngularJS:

https://marketplace.eclipse.org/content/angularjs-eclipse https://github.com/angelozerr/angularjs-eclipse/wiki/Installation---Update-Site (take a look around the other Wiki pages for information on features)

The release at the time of the answer is 0.1.0.

Please also checkout JSDT (http://www.eclipse.org/webtools/jsdt/) and also Eclipse VJET (http://eclipse.org/vjet/). The VJET project appears to be an attempt to provide better feature sets to the editor without being encumbered by the JSDT project (open source politics at play I guess).

Answer 4

You'd first wanna make sure you have the JSDT installed.

Next thing is to install some dedicated tools for the job, so check out AngularJS Eclipse Tools. The AngularJS Eclipse Templates might be of help, too, and here's a visual guide written for it to get you started.

Also see the AngularJS Eclipse getting started page.

---

Since this answer had been posted, the AngularJS Eclipse plugin was released, as other answers stated. You might wanna check it out first.

Answer 5

• Install JavaScript Development Tools (JSDT) and AngularJS Eclipse plug-in in eclipse from Eclipse Marketplace or Update site angularjs-eclipse-0.5.0,
  
  
  

• Right Click on your project --> Configure --> Convert to Angularjs Project (as shown below)
  
  
  

Now you can see the Angularjs tags available as shown below.

.

Answer 6

Download angular js from this link and add as new software in eclipse http://oss.opensagres.fr/angularjs-eclipse/0.6.0/