Configuring angularjs with eclipse IDE - java

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.

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.

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

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

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

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

Download angular js from this link and add as new software in eclipse
http://oss.opensagres.fr/angularjs-eclipse/0.6.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

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

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

Related

Can't create java application project in netbeans8.1.(ubuntu)

I am new to NetBeans and I can't create a "Java Application" project, like shown in all tutorials. I can only create a Java Free-Form Project, but this requires a build script, which I don't have either.
Do I have to download a plugin for it and if so which plugin? Or did I download the wrong NetBeans version?
I am using ubuntu version 15 and NetBeans IDE 8.1.
http://imgur.com/90AeiDG screenshot.
Just make sure you have JDK installed on your system. (I am pretty sure, it would be as Netbeans doesn't install if JDK is not found on your machine, but just to be sure about it). Also, You might have missed to select Java in Select Languages during installation.
To activate a feature manually:
Open the Tools > Plugins menu
Go to the Installed tab.
Select and activate the feature you need.
Return to the New Project dialog.
Visit this link for more help:
http://wiki.netbeans.org/FaqMissingProjectCategories
Found the plugin:
It was in the the "Ant" or the "Ant 1.9.4. Documentation 1.9.4" or Mobility plugin. I downloaded those 3 at the same time, but If I have to guess it was the Mobility plugin.
Not sure if this will help you. I've been working on Windows. I have Netbeans 8.1 and JDK 8 (version 1.8.0.73). When I first started with Netbeans and tried to create my first new Project it opened the New Project window with the Categories portion of the new Project screen focused on the Samples section. I also thought I couldn't create the type of project I wanted to create. If this is what is happening to you, see if you can scroll up in the Categories box. If you can, you should find Java at the top. If you click that, you should then be able to select Java Application in the Projects part of the window.

Eclipse - playframework, angularjs and coffeescript

I have started a new project, where as a backend is playframework 2 and as a frontend is angularjs with coffeescript.
For everyday I am using Eclipse and I was looking for plugins which are help writing code in these frameworks.
I found http://marketplace.eclipse.org/content/angularjs-eclipse#.U9VZpXWSxCU, but It does not work with coffeescript (or maybe I do not know how to configure it).
When I open .coffee file in angular editor I can see only plain text without any highlights and content assist.
How to configure eclipse to work with these frameworks? Or maybe is another IDE for angularjs, coffeescript in playframework structure?
Thanks for replies and sorry for my english.
For me, I use Sublime Text 2, which you can download from here..
You can then add some plugin to support those framework..
Coffescript: https://github.com/Xavura/CoffeeScript-Sublime-Plugin
AngularJS: https://github.com/angular-ui/AngularJS-sublime-package
Play: https://github.com/guillaumebort/play2-sublimetext2
Hope it helps..
I tried to Sublime Text 2, when I installed all plugins and then I tried add "Recommended Settings", Sublime showed me popup "Buy license".
Finally I removed .coffee files and I wrote the controllers in pure js.
When the controllers are written in pure js, everything is ok.
I installed this plug of https://github.com/angelozerr/angularjs-eclipse, then I configured it.
After configuration I added in properties project path to folder where I have js files (right click on the project -> Properties -> Tern -> Script paths)
Result:
js content assist http://s30.postimg.org/cqftgkpmp/image.png
html content assist http://s12.postimg.org/l586ejryl/html.png
AngularJS Eclipse is based on tern.js which is an inference JavaScript engine. So it works today only with JavaScript. Some people have started to support CoffeScript with tern, but it seems that it's not perfect. See this issue
For CoffeScript editor, I suggest you to install http://www.nodeclipse.org/coffeescript/
If one day tern.js supports well CoffeScript, I think it should be a good idea to :
integrates tern-coffescript to tern.java (AngularJS Eclipse is based on tern.java).
integrates tern.java to http://www.nodeclipse.org/coffeescript/ to benefit with CoffeScript completion managed by tern.js
I use Eclipse 4.4.0 with Aptana Studio 3 Plugin. Use the following URL as location: http://download.aptana.com/studio3/plugin/update/
It supports syntax coloring and some kind of shortcuts ("Commands") but no content assist.

Automatically reload Java AppEngine Maven project after making changes

Is it possible to automatically reload a Java AppEngine project (which uses Maven) after making changes to the code? I.e. after making a change to the code (such as a JSP) I'd like to see those changes straight away in a web browser without having to re-run the project. Is this possible?
I have done the following:
Created a Maven project using the Google's tutorial
Imported it into Eclipse using Google's instructions.
Enabled the "Build Automatically" setting on my project in Eclipse (which this article suggests is required).
Run the dev server inside the ear project (mvm appengine:devserver)
However, changes to JSPs aren't automatically reflected when I view the page in a web browser. I can only see the changes by installing (mvn clean install) and then re-running the dev server.
Projects created using the Google Eclipse plugin reload automatically however, I'd prefer to use Maven as it'll make it easier to install other software (such as the Spring Framework).
I think I've got to the bottom of this:
Import only the web Maven project (not the main project) into Eclipse (as suggested in the Eclipse Web Tools documentation)
Create a server as per Google's documentation. The web site should automatically reload 15 seconds after you make a change to the code. To change this...
Open the "servers" tab, right-click on your server and select "open".
Expand the "Publishing" section and decrease the value for "Automatically public after a build event.
Note: the "auto scan for resources change setting" doesn't seem to make any difference.

Installing roo in 5 minutes

I just wanted to spend half an hour to try out spring roo - but failed miserably.
The Spring roo project page on spring.io simply tells to add a maven dependency. But I'm not aware of any public maven repository providing it
The Project page on github includes all the sources, but the readme starts with
These instructions are aimed at experienced developers looking to
develop Spring Roo itself. If you are new to Spring Roo [..] we recommend that you visit
the Spring Roo home page and download an official release: http://www.springsource.org/roo
Needless to say, this url points back to the github page..
Is there any pain-free way of installing spring roo? (let's assume Windows 7, JDK 1.7)
I know that in the time of writing this I could have installed it from source - but I think a rapid prototyping framework should do better.
Adding the jar to your project is not enough, because you need the Roo shell/console to run while you are developing your project.
Its quite simple using the Spring IDE/Roo plugin. You can download the Spring Source Tool Suite or add the update site (same link at the bottom) to your Eclipse version (I did not test the update site so far).
In your IDE click File -> New -> Spring Roo Project. Be sure to set the appropriate top level package here, i.e. com.yourdomain.projectname (thats where roo will create its artifacts; like a home directory in Linux it can be abbreviated by typing ~ in the roo console). Select "war" as the packaging provider.
Unfortunately the project might not get the "Dynamic web project" facade and not all maven related source folders might have been created (seems to be a bug?). In that case right click the project name -> preferences -> Project Facets -> Dynamic Web Project 3.0. Be sure to click the "Further conf..." link at the bottom and insert 'src/main/webapp' as the content directory.
After that right click your project again -> Spring Tools -> Open Roo shell. And wait for the console to load. Then you can finally start with the "quick" start tutorial at line four, typing in 'hint' in the console. Also try crtl+space for content completion.
Have you tried this repository : http://spring-roo-repository.springsource.org/ ?
You can download the .zip file from here http://docs.spring.io/downloads/nightly/snapshot-download.php?project=ROO
Source: http://forum.spring.io/forum/spring-projects/roo/722228-where-to-download-spring-roo-command-line-shell-in-zip

Eclipse does not work with JSP

I'm following this tutorial about using Google engine API to create web application.
When I add any file with .jsp suffix into my war folder the project will not compile any more.
What can be the reason ? If you need more information please just leave some comment. Thank you.
Can it be that I it cannot compile because I did not download "Eclipse for Java EE developers" but only "Eclipse for Java developers" ?
I'm not sure. I see <Java EE> in the title bar in your Eclipse screenshot which is typical for Eclipse for Java EE developers. So you have likely the right version. If you are able to do File > New > Dynamic Web Project then you definitely have the Java EE version or at least the one with WTP. More detail can be found in Help > About Eclipse.
the error in Markers tab is "Your project must be configured to use a JDK in order to use JSPs"
You need to install the JDK. Go to the Java SE download home page and click the leftmost one of the four big buttons. Done that, go in Eclipse to Windows > Preferences > Java > Installed JREs, select the existing JRE, click Edit and let the JRE home path point to the JDK folder.
It it asking you if you want to run even though it found errors in the project. First, what are the errors and can you fix them easily? Eclipse gives pretty good error messages. If the errors are from validation, turn them off in the project settings, then try running the project again.
Otherwise, double check that you are using the exact code from the tutorial. Copy the code from Google and save it into a separate file. Then select your file, and the new file, right-click on the two files and use Eclipe's file-compare to show you if you missed anything.
[edit]
You could install the EE version to a different directory. Different versions of Eclipse do play nice with each other, they're just huge. Do not import your project into the EE workspace. It will come across as a plain Java project and you need a Web project. Create a new Web/JSP project and then copy the files over.

Categories