How do I install Angular 2 using NPM?

Question

I'm trying to setup my own local development environment for an Angular 2 app without using the QuickStart seed mentioned in the Angular 2 site or the Angular CLI because they tend to come with extra files that I don't really require.

Now, everything's going fine except that I don't know how to get Angular 2 using NPM. I've tried using npm install angular2 --save but I just found out that angular2 has been deprecated and was a pre-release version. So I guess how do I get the latest Angular 2.0 plugins using NPM, if at all possible at the moment?

Did you try the stackoverflow documentation: http://stackoverflow.com/documentation/angular2/789/getting-started-with-angular-2#t=20170121174015002968 — Mihai, Jan 21 '17 at 17:41

score 5 · Answer 1 · edited Aug 01 '17 at 10:07

at https://angular.io/docs/ts/latest/guide/setup.html, is recommended to use QuickStart seed, here is its package.json, so actually we need to download its dependencies:

"dependencies": {
  "@angular/common": "~2.4.0",
  "@angular/compiler": "~2.4.0",
  "@angular/core": "~2.4.0",
  "@angular/forms": "~2.4.0",
  "@angular/http": "~2.4.0",
  "@angular/platform-browser": "~2.4.0",
  "@angular/platform-browser-dynamic": "~2.4.0",
  "@angular/router": "~3.4.0",

  "angular-in-memory-web-api": "~0.2.4",
  "systemjs": "0.19.40",
  "core-js": "^2.4.1",
  "rxjs": "5.0.1",
  "zone.js": "^0.7.4"
}

you could also create your custom package.json, by running npm init, copying these dependencies (or most of them) and than running npm install with your package.json

Amir · Answer 2 · 2017-08-14T20:12:12.843

Angular 4 could be installed in two ways:

Note: Make sure your system already installed node js and npm

Perform the clone-to-launch steps with terminal commands.
Download the QuickStart seed and unzip it into your project folder. Then perform the steps mentioned later with terminal commands.

1. Cloning :

Suppose you want to make a project named helloworld, then run the following commands from your terminal

 git clone https://github.com/angular/quickstart.git helloworld
 cd helloworld
 npm install
 npm start

After running last command you could see from your browser like this

2. Downloading :

Download the QuickStart seed and unzip it into your project folder. Then perform the below steps with terminal commands.

cd quickstart
npm install
npm start

For more details go to official site

score 2 · Answer 3 · edited May 23 '17 at 12:02

Paste the below code into a file by creating and naming it as package.json.

{
"name": "demo-app",
"version": "1.0.0",
"author": "Aravind",
"description": "set up files for the first Demo App",
"scripts": {
    "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lint": "tslint ./app/**/*.ts -t verbose",
    "lite": "lite-server",
    "typings": "typings",
    "postinstall": "typings install"
},
"license": "ISC",
    "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",

    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.23",

    "bootstrap": "^3.3.6"
},
"devDependencies": {
    "concurrently": "^2.2.0",
    "lite-server": "^2.2.0",
    "tslint": "^3.7.4",
    "typescript": "^2.0.2",
    "typings": "^1.0.4"
},
"repository": {}
}

navigate to the root folder in Cmd and
```
npm install 

or

npm i 
```

Alternatively if you want to create a new package.json

Navigate to a folder in command prompt
Execute the command
```
npm init
```
This will create a new package.json file and copy paste the above code to install angular2 along with few other basic dependencies.

If you are looking for a simple set up. Have a look at this post.

score 1 · Answer 4 · edited May 15 '17 at 09:50

It depend on your build tool, if it is webpack, you need just install angular components, like:

  "dependencies": {
    "@angular/common": "~4.0.0",
    "@angular/compiler": "~4.0.0",
    "@angular/core": "~4.0.0",
    "@angular/forms": "~4.0.0",
    "@angular/http": "~4.0.0",
    "@angular/platform-browser": "~4.0.0",
    "@angular/platform-browser-dynamic": "~4.0.0",
    "@angular/router": "~4.0.0"
}

And all additional vendor modules if it needed in your case.

Dinesh Marathe · Answer 5 · 2018-12-28T05:11:38.430

Install Angular CLI 1.1.3
Uninstall latest version of CLI > npm uninstall –g @angular/cli
Clean the Cache >npm cache clean
Install the Specific version of angular CLI > npm install –g @angular/cli@1.1.3
Open the Node js Command prompt.
Navigate to Project folder location >cd project_name
Install below mentioned packages,
npm i codemirror
npm i ng2-codemirror
npm i ng2-split-pane
npm i ng2-daterange-picker
Run the npm install
Finally do > ng serve

score 0 · Answer 6 · answered Aug 14 '17 at 19:24

Installing Angular Dependencies

Install a stable version of Node (if not already installed) and verify the installation using node -v
Install TypeScript using command npm install -g typescript
Download and install Angular CLI using command npm install -g @angular/cli

Angular is a component oriented framework. Many components needs to be created to make the whole application. A component is a group of custom elements, HTML elements, ShadowDOM & HTML imports.

score 0 · Answer 7 · edited Aug 28 '17 at 05:58

0

Download example from https://angular.io/
Save this code and rename it.
Navigate to the root folder in Cmd.
```
$ cd myproject
```
Execute the command
```
$ npm install
$ npm start
```

edited Aug 28 '17 at 05:58

Stephen Rauch

47,830
31
106
135

answered Aug 28 '17 at 05:38

Sapna

1
1

How do I install Angular 2 using NPM?

7 Answers7