I'm working with two projects one project is using Angular2 Cli and another one needs to use Angular6.
How can I install both versions of CLI and based on the project needs to switch Angular CLI versions
Is there any way to do that.
Add a comment
|
4 Answers
Each project has its own version of the CLI installed in its own node_modules directory.
The globally installed CLI just delegates to the project-specific CLI. I.e. if you're in the project1, the global cli delegates to the CLI installed in project1/node_modules, and if you're in project2, it delegates to the CLI installed in project2/node_modules.
So you have nothing special to do. It's already taken care of.
2 Comments
Sivamohan Reddy
If I update the CLI globally it will not give any issues for an Angular2 project? and both projects will take the dependencies based on the version of inside package.json?
JB Nizet
No, you shouldn't have any issue. Yes, each project uses its own dependencies defined in the package.json file. That said, continuing to use an outdated version of the framework is a bad idea. You should upgrade. There are plenty of bugs fixes, new features and performance improvements in newer versions.
Just by adding your version in package.json is fine - when you run npm install mentioned version will get updated and installed
If you try to upgrade or downgrade your cli version it might cause issue on existing project - just intall correct CLI version when you create the project - hope this helps
Thanks - happy coding !!
Comments
If you have single account in your machine and installed Angular6 after than Angular2 then both project work because both have own node_modules folder and packages.json file but when you run Angular2 project then it will display warning for upgrade the version.
You should need to create second account in your machine and install the Angular6 under this account then it will work without warning.
Comments
100% working solution / hack:
Note: This solution is for existing projects since in most of the cases older version projects already exist.
I'd like to share my case that has angular 4.x and 12.x cli projects pulled from Git repo.
Install nvm and Node versions:
- install nvm
- look for node version that supports angular 4.x cli (my case: node 6.9.0) and install
nvm install 6.9.0 - install node version (my case: 12.14.0) for angular 12.x cli
nvm install 12.14.0
Start setting up lower version first.
Angular 4.x setup:
- switch to supported node version for angular 4.x
nvm use 6.9.0 - install Angular 4.x cli globally
npm install -g @angular/[email protected] - create new angular project with angular 4.x or clone from repo, get into project directory
npm installif you have packages in package.json or install new packagesng serve
Angular 12.x setup:
- switch to supported node version for angular 12.x
nvm use 12.14.0 - uninstall global angular cli (4.x)
npm uninstall -g @angular/cli npm cache clean --force- install angular cli 12.x globally
npm install -g @angular/[email protected] - create / get into existing angular 12.x project directory
npm installng serve
Switching between projects:
- switch back to angular 4.x project (get into directory)
- switch to respective node version
nvm use 6.9.0 ng serve(it will use local cli version 4.x that is lower than the global 12.x)- same will do to switch to anular 12.x project with respective node version
