Angular installation

All we need is an easy explanation of the problem, so here it is.

I want to install Angular version 4.* on my windows 7.
I am currently using Angular version 1.6.*

I tried following command

npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@next --save

But its not working

Can any one please guide me to install and to create angular 4 project..

How to solve :

I know you bored from this bug, So we are here to help you! Take a deep breath and look at the explanation of your problem. We have many solutions to this problem, But we recommend you to use the first method because it is tested & true method that will 100% work for you.

Method 1

  1. Make sure you have node version above 6.9 and npm above 3
  2. Check the version by using node –version and npm –version
  3. Install angular cli using npm install -g @angular/cli
  4. -g installs the angular globally on your system and you just have to run this command only once
  5. Create the angular project using ‘ng new angularprojectname’
  6. Go to that project folder and check the angular version by ‘ng -v’
  7. Upgrade this version to angular 4 by running this command-

    For Windows-
    npm install @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] –save

For Linux/Mac-
npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@next –save

Make sure to upgrade the typescript version by running command-
npm install [email protected] –save

Ignore whatever warning it shows up and now check the angular version by ‘ng -v’
The version has changed from 2.2.4 to 4.1.0

You can also check all the info about your angular cli in package.json file.

Method 2

You just need to install npm -g install angular-cli

And write sudo if you are using mac or ubantu

Then go to directory where you want project and then ng new PROJECTNAME

It will create project

Hope it helps you

Method 3

I am adding this to update the answer.

If you want to install the latest angular version others answers are for you.

If you want to install a specific version of angular (Get your version number here)
You should use the below command.

npm install -g @angular/[email protected]_NUMBER

for example, if you want to install angular 1.4.9 command should be like below

npm install -g @angular/[email protected]

Method 4

I have also found the same issue while installing.

Please Do check npm and nodejs version and upgrade them.

I’d like to recommend node v6.x.x and npm 4.x.x or higher

Method 5

There are many ways to structure AngularJS applications. When you begin to upgrade these applications to Angular, some will turn out to be much more easy to work with than others. There are a few key techniques and patterns that you can apply to future proof apps even before you begin the migration.

  • Follow the AngularJS Style Guide
  • Using a Module Loader
  • Migrating to TypeScript
  • Using Component Directives

  • Upgrade with ngUpgrade

Or up can follow the official document of Angular

Method 6

For installing Angular 4 follow below simple steps:

  1. Install node.js and npm(they are required dependencies. npm is automatically installed on installing node.js). You can install it
    from here
  2. With the help of npm install angular CLI. Type the following command in your command prompt: npm install -g @angular/cli
  3. If you are still facing some problems you have to install git. You can install it from here
  4. Now to create an angular 4 project using Angular CLI type the following command:
    ng new [Project_Name] This will create an Angualr 4 project.
    5.To start the server and get your project up and running type following in command line:
    ng serve

Remember you should be inside the project folder before starting the server. Hope this helps.

Method 7

You have some libraries, Like

angular-material, angular-cdk`

etc…
Add all those and Try.
It will work for sure.
And you will be able to run the project

Method 8

Install angular cli globally.

npm install -g @angular/cli

Get git pull from repository:-

[https://github.com/blazehub/ng-cli-starter.git]

to get ready made production ready project structure.

Method 9

If you are looking for latest angular version use this command to install

npm -g install @angular/cli

Note: Use and implement method 1 because this method fully tested our system.
Thank you 🙂

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply