Angularjs Plugin For Eclipse Mars

This video tutorial gives you the basics of Eclipse, demonstrates how to provide the necessary information to create an IoT project and covers the specific steps to follow to implement an Angularjs-based plugin on a project.

Over a month ago we started a new project at work. It’s a big, big project that will be completed in 2 years. I’m working with Angularjs again, and I really like it. When I joined the team they were using Eclipse Mars. We’ve been testing some plugins for Eclipse online, but they all didn’t fully support this version of Eclipse. That was the reason to build our own plugin for Angularjs with debugging and code completion. While building it I’ve discovered a lot of useful information about Angularjs, its API and how can we integrate new frameworks into the Eclipse IDE.

Get the most out of your AngularJs development with this plugin for Eclipse Mars

Angularjs Plugin For Eclipse Mars

46

26

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.

I know I may be asking too much,but trust me I have done much research on my part and you guys are my last resort.Any help would be much appreciated.

  • java
  • eclipse
  • spring
  • angularjs

ShareFollow

asked Aug 24, 2013 at 17:58

Vikash's user avatar

Vikash

70111 gold badge1111 silver badges1818 bronze badges

Add a comment

9 Answers

Sorted by:                                              Highest score (default)                                                                   Trending (recent votes count more)                                                                   Date modified (newest first)                                                                   Date created (oldest first)                              

34

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.

ShareFollow

edited Jan 14, 2015 at 9:09

answered Aug 24, 2013 at 18:10

Eliran Malka's user avatar

Eliran Malka

15.5k55 gold badges7575 silver badges9999 bronze badges

  • Thanks a lot..I’ll surely check as it looks promising. – Vikash Aug 24, 2013 at 18:17
  • “which is not optimal IMO for JavaScript developers”, so can you suggest a more appropriate tool ? (preferably free ;)) – c4k Feb 21, 2014 at 18:46
  • 2@Chafik, i use intellij’s idea, but only because i also develop in java – webstorm is practically the same, but web oriented (webstorm has a subset of idea’s capabilities). idea has a community edition, but it lacks the web features, and both can be obtained for free for one month evaluation period. anyhow i think they worth the money if you decide to get the commercial version. – Eliran Malka Feb 21, 2014 at 20:52

Add a comment

33

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

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

    Convert Angularjs Project

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

AngularJS Tags are available.

ShareFollow

edited Jul 16, 2015 at 7:26

answered Sep 29, 2014 at 18:52

Chandra Sekhar's user avatar

Chandra Sekhar

15.9k1010 gold badges6868 silver badges8989 bronze badges

  • 1I installed this plug-in but the option “Convert to AngularJS Project” don’t appear. – Krismorte Aug 18, 2017 at 21:59
  • @Krismorte same here. Version: Mars Release (4.5.0) – Aniket Thakur Dec 5, 2017 at 10:20

Add a comment

3

  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.

ShareFollow

answered Jun 22, 2016 at 14:07

Akhil S's user avatar

Akhil S

3111 bronze badge

  • How can i convert that project into war file after that. – vidy Sep 25, 2020 at 8:38

Add a comment

2

Netbeans 8.0 (beta at the time of this post) has Angular support as well as HTML5 support.

Check out this Oracle article: https://blogs.oracle.com/geertjan/entry/integrated_angularjs_development

ShareFollow

answered Mar 3, 2014 at 14:14

Jmakuc's user avatar

Jmakuc

3711 bronze badge

Add a comment

1

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).

ShareFollow

answered May 6, 2014 at 15:24

Darryl Miles's user avatar

Darryl Miles

4,53611 gold badge2020 silver badges2020 bronze badges

Add a comment

1

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

ShareFollow

answered Mar 28, 2016 at 12:18

chandresh's user avatar

chandresh

14166 bronze badges

Add a comment

0

Configuration worked with Eclipse Mars 4.5 version.

1) Install Eclipse Mars 4.5 from https://eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/mars2 This comes with Tern and embedded Node.js server

2) Install AngularJS Eclipse plugin from Eclipse Marketplace

3) Configure node.js server to the embedded nodejs server within Eclipse (found in the eclipse plugins folder) at Windows-> Preferences -> JavaScript -> Tern -> Server -> node.js. No extra configurations are required.

4) Test configuration in a html or javascript file. https://github.com/angelozerr/angularjs-eclipse

ShareFollow

answered Aug 10, 2017 at 7:49

Kiran's user avatar

Kiran

1

Add a comment

0

With current Angular 4 and 5 versions, there is an IDE for that.

Go to eclipse market place any search for ‘Angular’. You will see the IDE and install it.

enter image description here

After that restart eclipse and follow the welcome messages to choose preferences.

How to start using eclipse with angular projects?

Considering you already have angular project and you want to import it into eclipse.

go to file > import > choose Angular Project

enter image description here

and It would be better to have your projects in a separate working set so that you will not confuse it with other kind of (like java)projects.

With Angular IDE You will have a terminal window too.

To open this type terminal in eclipse search box(quick access) on the top right corner.

enter image description here

ShareFollow

edited Mar 18, 2018 at 14:49

answered Mar 18, 2018 at 14:29

Tadele Ayelegn's user avatar

Tadele Ayelegn

3,92911 gold badge3434 silver badges2828 bronze badges

Add a comment

-1

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

ShareFollow

edited Mar 29, 2018 at 9:54

answered Mar 29, 2018 at 7:55

Baisakha Chauhan's user avatar

Baisakha Chauhan

3155 bronze badges

  • How does this solve the problem? After all, please edit the formatting of your answer – Nico Haase Mar 29, 2018 at 8:15
  • Hi Nico haase if u have a problem then switch to webstrome or visual basic beacuse eclipse plugin is paid! – Baisakha Chauhan Mar 29, 2018 at 9:55
  • I have exactly no problem, espescially not with a tool that takes a one-time fee of $49 (in terms of Angular

Leave a Comment