Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn
Nataliya Muriy
Marketing Content Creator - you name it, she'll write it!

Upgrade to Angular 4 – Lost in Angular Migration?

You are probably familiar with how difficult it is to get a visa to certain countries — it represents a long, tiring journey of document gathering and application process.  Upgrading Angular might actually feel like trying to move to another country!  Don’t you wish there were an all-inclusive visa, kind of like the Schengen one in Europe?  Such a solution does exist thanks to our Angular IDE.

TLDR; Get Angular IDE and upgrade to 4 simply.

angular ideThe regular process for Angular update is quite daunting indeed. Besides what seems to be an endless string of steps, you have to keep a few aspects in mind, among them your current Angular CLI version.  For instance, if you have beta.28 or less, you will need to uninstall your angular-cli package.  Then, to update to the new version, both global and the local packages have to be updated.  As far as the angular-cli.json is concerned, it is now .angular-cli.json, even though the old config file name will be recognized still.  However, some of its properties have changed: schema, polyfills, environments, linting, and generator defaults.  You must also bear in mind that now one tsconfig is used per app when working with the CLI projects, and that there is a new src/typings.d.ts file.  Karma configuration and protractor did not escape the update ordeal either, which represents a few more steps on your project migration path. 

The most worrisome part is that you need to go through all of the above even if you had generated your project just two months ago.  Will you have to put up with all this migration headache six times in any given year?  Fortunately, there is an easy solution to this problem — a virtually automated update to Angular 4 with our Angular IDE (just click on one button and enjoy all of the benefits of the newest version in your existing projects). To give you a clearer picture of this transition “visa-free regime”, here are the steps that are done for you automatically:

  1. Update package.json to use Angular 4 modules
  2. Download dependences of packages via npm
  3. Use @angular/cli instead of the earlier angular-cli
  4. Rename angular-cli.json to .angular-cli.json
  5. Add $schema property to .angular-cli.json
  6. Update polyfills, envronments & linting configuraton
  7. Update tslint.json with new rules
  8. Update lifecycle methods such as OnInit to be implements in TS files
  9. Change <template> to <ng-template> in template files

As you can see, you are not left all alone in the harsh migration world — our Angular IDE is your Schengen visa to project migration.  If you want to focus on the really important and fun stuff (working on your projects) and not on all the red tape (updating), this IDE will come to your rescue.

Angular is also part of our Webclipse plug-in and our MyEclipse IDE.

Take a look for yourself just how easy it is to upgrade an Angular 2 project to Angular 4 with Angular IDE:

Go grab Angular IDE now!

Related Posts

Angular 4 Is Coming! Update: Since this blog was first created, Angular 4 has been released. Watch the following video to discover how easy it is to upgrade an Angular 2 project to Angular 4 using Angular IDE.  Good news for Angular 2 users -- Angular 4, a backwards compatible upgrade, is around the corner!  It will offe...
Darkest Dark – Making it to the 4th most popular p... TL;DR Hit the market need, engage with users, and a lot of blood + sweat.The genesis.In short, we were tired of Eclipse looking stagnant. While other “cool” IDEs and Editors have built up their markets, Eclipse has looked about the same for the last decade. Many love that stability, but many others are ready for change. At Genuitec, we are a small ...
MyEclipse 2017 – Welcome to the Next Generat... Today is a very exciting day at Genuitec! As we speak, we are just unveiling MyEclipse 2017! This is the first release of what’s going to be an amazing year of new functionality for the MyEclipse (and Webclipse) customer base. This release represents our best way to start off the year right. Yes, we are based on Neon. Yes, MyEclipse 2017 also comes...
Rock Your Front-End Development With Angular IDE b... Early this year we announced our mission to help developers go from Java developers to awesome full stack developers. We started with many tools that were crucial for that goal (e.g,. JSjet, TypeScript, DevSearch, and others) and now we are incredibly pleased to announce Angular IDE by Webclipse will be part of Webclipse as well. Angular IDE by Web...

Posted on Apr 3rd 2017