It is recommended to run the local version of ANGULAR CLI in your current directory by using the following command:

node_modules/.bin/ng <ANY NG COMMAND>

instead of just

ng <ANY NG COMMAND>

Make sure you run this command from the root directory where your main package.json is located (as well as its node_modules directory)

There is an npm command that gives you the path to node_modules/.bin, which can be used for shorter typing:

// does not work on Windows   
`npm bin`/ng <ANY NG COMMAND>

Note that back ticks are used around npm bin and not single quotes.

The ng command is also included in the scripts section of the package.json, so you can run the local copy like this:

npm run ng -- <NG_OPTIONS>

Remember to use the -- flag terminator before adding any ng options.

If you want to create a new Angular project using a specific version without globally installing @angular/cli, you can utilize the npx command:

npx @angular/cli@7 new <APP_NAME>

In this case, npx will temporarily install @angular/cli with the latest version (@7 at the time) and execute its ng command with the specified parameters.

You can even do something seemingly unnecessary (since a local copy of

@angular/cli</elode> was installed with <code>ng new

). Run ng serve with version 6 of CLI on a new project created with version 7:

cd <APP_NAME>
npx @angular/cli@6 serve

UPDATE

Running these commands will use the locally stored ng executable within node_modules/.bin/, eliminating the need for global installation:

cd <APP_NAME>
npx ng serve

If you're facing a similar issue like me and searching for an easy solution, I stumbled upon this method that worked perfectly for me. Previously, I had globally installed

@angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c3a0afaa83f2edf4edf0">[email protected]</a>

as my project was based on that version (around angular 5.0), but now I needed to install

@angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7417181d34425a445a44">[email protected]</a>

.

The simple steps I followed were to install npx and then create the project using npx.

To install npx, run the following command:

npm install -g npx

To create a new project with the desired Angular CLI version, use either @angular/cli@latest or just @angular/cli:

npx -p @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7f1c13163f49514f514f">[email protected]</a> ng new my-project

Within your project root folder, use ng --version to check the CLI version. It's recommended to prefix all commands involving ng with npx:

npx ng --version

npx ng generate component my-component

By utilizing npx, it searches for the ng command locally in the ./node_modules/.bin/ directory and executes it accordingly.

Begin by crafting a Dockerfile.

FROM node:8
WORKDIR /app
RUN npm install -g @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="41222d2801776f706f70">[email protected]</a>

Proceed to build the docker image.

docker build . -t angular/ng6.1.1

Execute the docker image generated in the previous step.

docker run --rm -it -v $(pwd):/app angular/ng6.1.1 ng new hello-angular

After running, you will discover the creation of the hello-angular project within your local directory. Should you desire to utilize a different version of Angular, simply modify the angular/cli version in the docker file and initiate the building process again to construct a brand new Angular project.

Assumptions:

a. You currently have one version of Angular installed and functioning on your machine, but now you want to install a different version.

b. The Angular CLI has been globally installed for the current Angular project.

c. Your operating system is Ubuntu/Linux.

Some Important Commands:

$ node -v
$ npm -v
$ ng v

1. Install NVM:

   i. Before installing nvm, execute this in your terminal: touch ~/.bash_profile

   Add the following lines to the  ~/.bashrc file
   
   sudo vim  ~/.bashrc
   
   source ~/.nvm/nvm.sh
   export NVM_DIR="$HOME/.nvm"
   

   ii. Next, run this command in your terminal:

   curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

   iii. Don't forget to restart your terminal or use the command $source ~/.nvm/nvm.sh (this will refresh the available commands in your system path).

   iv. In the terminal, check the installed version with the command $nvm --version

   v. Now, install a specific Node Version

   e.g. new/angular-repo/path$ nvm install 13.11.0

   vi. To see the list of installed node versions, use:

   new/angular-repo/path$ nvm list

   vii. To use a specific node version for the current project, use:

   new/angular-repo/path$ nvm use v13.11.0

2. Install a specific Angular CLI

   new/angular-repo/path$ npm install @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e98a8580a9dec7dbc7dd">[email protected]</a>

3. To install all dependencies, run the following command:

   new/angular-repo/path$ npm install

   After completing the above command, ensure that Node, Angular CLI, NPM, and Angular are at the intended versions.

   new/angular-repo/path$ ng v

4. If the npm version does not match your requirements in the above command, install a specific version using the following command

   new/angular-repo/path$ npm install npm@version

I hope this guide proves helpful.

Here is an alternative method:

1. Begin by setting up a new folder and initializing a node project using npm init.
2. Next, install the Angular-CLI version that aligns with your requirements.
3. Delete the existing package.json file.
4. Develop or import an Angular project with the appropriate version corresponding to the CLI.

For more detailed instructions and insights, click here

One effective approach is utilizing the npx command.

Here's a recommended solution:

1. To get started, install npx by typing the following command in your terminal: npm install -g npx
2. Next, create a new Angular project by executing this command:

   npx -p @angular/cli@VERSION_YOU_WANT_TO_USE ng new PROJECT_NAME