Monday 11 March 2019

NG7 How To Update Angular CLI To Version 7, and CLI 7.2.0

How To Update Angular CLI To Version 7
==========================================

You can check your current version of Angular CLI using the following command.

ng --version
To update the latest angular-cli package installed globally in your system, you need to run the following commands.
sudo npm uninstall -g angular-cli // For Mac

npm uninstall -g angular-cli // For Windows Open Powershell on Administrator Mode
It will uninstall the angular-cli package globally from your computer or server.

Then we need to clear the cache using the following command.

sudo npm cache verify
If your npm version is < 5, then you need to hit the following command.

npm cache clean
Now, install the Angular CLI using the following command.

sudo npm install -g @angular/cli@latest
If your version is still old, then try the following command.

ng update @angular/cli
Now, check your Angular CLI version using the following command.

ng --version

After updating both the global and local package, clear the cache to avoid errors:

npm cache verify (recommended)
npm cache clean (for older npm versions)
#Update Angular Packages
Now you need to update the core packages/dependencies to Angular 7. Just run the following command:

project$ng update @angular/cli -> will convert the ng2,4,5-cli.json file into angular.json file. ng6,7....

ng update @angular/core
Upgrading RxJS
You can update RxJS using the ng update command:

ng update rxjs
Generating and serving an Angular project via a development server Create and run a new project:

ng new my-project
cd my-project
ng serve

Ref: https://appdividend.com/2018/10/20/how-to-update-angular-cli-to-version-7/

=====================

Upgrade to Angular 7 -— Within 10 Minutes
===============================================

Everything you need to upgrade

Angular dependencies
====================
npm install @angular/animations@latest @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest --save


Angular dev dependencies
=========================
npm install @angular-devkit/build-angular@latest @angular/compiler-cli@latest @angular/cli@latest @angular/language-service@latest --save-dev

Dependencies; Core-js and Zone.js
==================================
npm install core-js@latest zone.js@latest --save

Dev dependencies; Types, codelyzer, karma tools, jasmine, protractor and tslint
================================================================================
npm install @types/jasmine@latest @types/node@latest codelyzer@latest karma@latest karma-chrome-launcher@latest karma-cli@latest karma-jasmine@latest karma-jasmine-html-reporter@latest jasmine-core@latest jasmine-spec-reporter@latest protractor@latest tslint@latest --save-dev

The new version 3+ of TypeScript
================================
npm install typescript@latest --save-dev

Latest version 6+ of RxJS
=========================
npm install rxjs@latest rxjs-compat@latest --save
And:

npm install rxjs-tslint@latest --save-dev

Latest version 4+ of Webpack
============================
npm install webpack@latest --save-dev

Enable Ivy Renderer
====================
In your tsconfig.json file add:

"angularCompilerOptions": {
  "enableIvy": true
}

Ref: https://medium.com/@jeroenouw/upgrade-to-angular-7-beta-within-10-minutes-c14fc380edd

1 comment: