Angular IDE

This is not just an IDE but also an awesome experience that took my breath away!! In the early Angular2 days, I tried Eclipse-based free solutions such as Enide, Angular2Eclipse and TypEcs but the problem with those was a partial TypeScript validation for Angular2 projects - specially the ones based on Angular-Cli. You know, there was not fully *.ts validation (sometimes none) for building components neither an accurate component-template wiring across the application; also, text was all black for the code I was using to create a TypeScript class - I mean no text- coloring, what was that about?? In my frustration, I even turned to evaluate non-free solutions like WebStorm, and even it uses Angular-Cli and text-coloring I found their code assistant was limited for wiring .*ts components vs templates and - the most disappointing part - is that were no automation to add more components to my Angular-Cli based project.

(sigh) to be realistic, after 6 months of try-outs here and there, I was about to gave up in using of Angular2 as my front-end because as a 20-year experienced developer, I could not believe the lack of decent dev-tools for a wide and well-sponsored framework such as Angular2.

Today, my searching has definitely paid off!! I found AngularIDE to be so much more good and right over the solutions I have tried before. At first, I gave it a try by doing an installation from Eclipse marketplace; in just 5 minutes, I got it downloaded, installed/restarted in Neon and had my first HelloWord project created through AngularIDE wizard and running under nice terminals inside Neon - one for ng-building and the other for ng-running (quite useful as I can see live what is going on when I do changes to my code). These automation features were exactly was I looking for as to manually setup an Angular-Cli project - in my experience - is the hardest, tedious and longest step to achieve. But the big thing thing happened was when I clicked on 'Standalone version at Angular IDE' link above and realized there is a full download for AngularIDE (about 200MB) so I grabbed it and got installed. It was so nice to my eye in seeing it has a beautiful startup-splash image when loading - instead of the classic Eclipse splash screen - as well as for there are nice Angular2 icons from the IDE shortcut to the wizards (components, class, enums, etc.). Next step, I also created a HelloWorld project here and it also validates, refreshes and runs great!!

As for I have playing around with AngularIDE, today I can say that my Angular2 headaches are gone!! I do not even need to have NodeJS nor Angular-Cli nor TypeScript nor other dependencies installed on my machine to make my projects to build, compile and run - AngularIDE takes care all of that!! And even better, to have SBAdmin template automatically included in my projects is a great asset as it definitively saves me a lot of time from making Bootstrap manual integration =D

Bottom line, AngularIDE is insanely powerful and beautifully awesome!!! I still cannot believe it is for free!!! Could you??? Give it a try, most likely you will also tease all the fun I am having right now, just LOVE IT!!! ♥ :)

The license says Commercial - Free, but after 8 days it disables many features, including the TypeScript editor. It tries to get you to upgrade to a paid plan for $29 per year.

Do you have an multi-user (per-seat, site, etc.) licensing models?

plug-in "com.genuitec.eclipse.typescript" was unable to instantiate class "com.genuitec.eclipse.typescript.text.TypeScriptEditor".

May you send me an email with yours  Commercial Licence plans please to (samir.andyou91@gmail)

Cheers!

I have e.g.:
page-xy.component.ts
page-xy.component.html
and linked via templateUrl.

But neither completion nor validation is working in the HTML for Angular - e.g. in ngModel=...
Are there any prerequisites that must be fulfilled to get this working?

Since the Angular 5 update, the HTML auto-complete and validation have disappeared. 

Is this related to the update ? Is there going to be a new release of the Angular IDE soon ? 

How can I enable / disable HTML auto complete and validation ? 

Thanks

While trying to play with the plugin, to see if it is better than visual code:

Thins like tsconfig: with 

"paths": {
      "@app/*": ["app/*"]
    }

Do not work very well.

AppModule may very well do :
{LoginComponent} from '@app/login-component/LoginComponent.ts

And the LoginComponent will be flagged as not being referred on any module.

One has to go around and use e.g. 

"paths": {
      "app/*": ["app/*"]
    }

Or otherwise, simply work with relative paths - which is an absolute nightmare.

Meanwhile, ng serve - seems to work well with the tsconfig no matter how we choose to configure the root paths.

No repository found at url of genunitech for neon

Could you please help?

Eclipse build details :

Version: Neon.3 Release (4.6.3)
Build id: 20170314-1500

Just download Visual Stuido Code and use their terminal.  Much better than paying $29

sadly this is a bit buggy (screws with my eclipse color theme, finicky scrollbars, coloring of js doesn't always work & is slow) & after a few days just deactiveates until you buy a licence... if i wanted something paid, id buy intellij...

Tried to install it in STS, and the NEXT button just does't work. it does't even allow me to start the IDE

When i try to create a new angular project , eclipse tries to download and extract  bash from a default location which is restricted as our company policy . How can i change this default location ??

This is the error i get 

Extract of bash failed: Unable to extract [C:\Users\SurveP\.webclipse\cache\git-bash-x86_64.7z.exe] using 7z spawned executable
Extract of bash failed: Unable to extract [C:\Users\SurveP\.webclipse\cache\git-bash-x86_64.7z.exe] using 7z spawned executable
Cannot run program "C:\Users\SurveP\AppData\Local\Temp\7za-8171407584859308019.exe" (in directory "C:\Users\SurveP\.webclipse\git-bash"): CreateProcess error=1260, This program is blocked by group policy. For more information, contact your system administrator
Cannot run program "C:\Users\SurveP\AppData\Local\Temp\7za-8171407584859308019.exe" (in directory "C:\Users\SurveP\.webclipse\git-bash"): CreateProcess error=1260, This program is blocked by group policy. For more information, contact your system administrator
Cannot run program "C:\Users\SurveP\AppData\Local\Temp\7za-8171407584859308019.exe" (in directory "C:\Users\SurveP\.webclipse\git-bash"): CreateProcess error=1260, This program is blocked by group policy. For more information, contact your system administrator

when creating new angular proj i get "Project initialization commands execution failed, check terminal output for details"

Reason:

Unexpected exit value executing:

npm install @angular/cli@1.6.5(exit value:-1)

(but i  see no orther details in termial ) 

Where in a closed network

Cant use the install button

Where can i get the plugin tar files

Will this work with Angular 6 that was recently released?

I've tried to install the new version today and received the following error message:
"Unable to read repository at https:// www .genuitec.com/updates/codemix/packs/angular/content.xml.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target"

Is there any idea of when it will be ok?

For those who only want to work with angular, this may be a good IDE, although it is far away from IDEA's Angular support.

Anyone accustomed to working with eclipse should think twice about installing this plugin because a lot of CodeMix is being installed and things like e.g. the search dialog and key bindings - at least on the MAC - are reconfigured.
For me, this is an absolute no go for a plugin.

Hi just to say that I had some issue with your plugin.

Using Jetty with some ${val.prop} variables replaces at runtime from “settings.xml” file values are not replaced and jetty fails to start.

So I removed plugin and issue was solved.

Regards,

Anthony S

I installed Angular IDE 2018 on eclipse (photon 4.8). After the install I am getting the error when I open a typescript file. Here is the detail of the error.

An internal error has occurred.
org.eclipse.jface.internal.text.codemining.CodeMiningLineHeaderAnnotation.hasAtLeastOneResolvedMiningNotEmpty()Z

I made the mistake to install this form the Marketplace into my workhorse Java development Eclipse. This pluing is very intrusive. Eclipse does not come up normally, but with a splash screen where you need to select a thousand things before you can move forward. Luckily it has a butten "skip this, use normal startup". Yet, when eclipse then shows, some slide show is starting and the plugin keeps downloading all kinds of stuff. At this point I quickly uninstalled it again. It looks like my Eclipse is now back to normal operations.

Strong recommendation: try this out in a separate Eclipse install with a clean workspace so as to not completely change your normal Eclipse setup.

Hi,

I've just installed the plugin, and I've select the first Angular tutorial : "Angular 101: Create a simple app".

I open the terminal in Eclipse, and "ng serve" doesn't work : Command not found.

With Google research, I found "npm link @angular/cli"

Well, next another error... Just "npm update".

And now, after do another times the link, the command stil does not work...

The error is

"internal/modules/cjs/loader.js:583
throw err;
Error: Cannot find module 'symbol-observable"

It's very frustrating... Did someone know how to resolve this please ?

I'm on Windows 10, with last version of eclipse (2018-12).

Hi - I have downloaded Eclipse Neon and trying to add Angular IDE plug-in. I am continuosly being shown the below error. I have already added 'genuitec' and 'myeclipseide' in Window -> Preferences -> General -> Network Connection. Below is the error:

An error occurred while collecting items to be installed
session context was:(profile=epp.package.jee, phase=org.eclipse.equinox.internal.p2.engine.phases.Collect, operand=, action=).
Unable to read repository at updates-cdn.genuitec.com/codemix/updates/cm20190821a/plugins/com.genuitec.eclipse.code.engine.win32.x86_64_3.2.0.201908071356.jar.
Server returned HTTP response code: 403 for  updates-cdn.genuitec.com/codemix/updates/cm20190821a/plugins/com.genuitec.eclipse.code.engine.win32.x86_64_3.2.0.201908071356.jar

Hi, 

I have tried to install Angular IDE to Spring Tools Suite, however an error keeps arising that prevents the installation. Is there any way around that? Error and build details:

Version

Spring Tool Suite 3

Version: 3.9.10.RELEASE
Build Id: 201909190739
Platform: Eclipse 2019-09 (4.13.0)

Error:

!MESSAGE An error occurred while installing the items
!SUBENTRY 1 org.eclipse.equinox.p2.engine 4 0 2019-09-30 14:01:36.935
!MESSAGE session context was:(profile=DefaultProfile, phase=org.eclipse.equinox.internal.p2.engine.phases.Install, operand=null --> [R]org.springsource.ide.eclipse.commons.browser 3.9.10.201909170647-RELEASE, action=org.eclipse.equinox.internal.p2.touchpoint.eclipse.actions.InstallBundleAction).
!SUBENTRY 1 org.eclipse.equinox.p2.touchpoint.eclipse 4 0 2019-09-30 14:01:36.935
!MESSAGE The artifact file for osgi.bundle,org.springsource.ide.eclipse.commons.browser,3.9.10.201909170647-RELEASE was not found.