Como é que instalo o Angular 2 usando o NPM?

Question

Como é que instalo o Angular 2 usando o NPM?

estou a tentar configurar o meu próprio ambiente de desenvolvimento local para um app Angular 2 sem usar a semente de arranque rápido mencionada no site Angular 2 ou o CLI Angular porque eles tendem a vir com ficheiros extra que realmente não preciso.

Está tudo a correr bem, excepto que não sei como obter o Angular 2 usando o NPM. Tentei usar {[[0]} mas acabei de descobrir que o angular2 foi depreciado e era uma versão pré-lançada. Então eu acho que como eu obter os mais recentes plugins angulares 2.0 usando NPM, se possível de momento?

13

javascript npm angular typescript

Author: mpro, 2017-01-21

Source

6 answers

score 4 · Answer 1

Em https://angular.io/docs/ts/latest/guide/setup.html , recomenda-se a utilização de sementes de arranque rápido, aqui está a sua embalagem .json , por isso precisamos de baixar as suas dependências:

"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"
}

Você também pode criar o seu pacote personalizado .json , executando npm init, copiando estas dependências (ou a maioria delas) e do que executando npm install com o seu pacote.json

score 3 · Answer 2

O Angular 4 pode ser instalado de duas formas:

Nota: Certifique-se que o seu sistema já instalou o nó js e o npm

execute os passos clone-to-launch com comandos terminais.
baixe a semente de arranque rápido e abra-a para a sua pasta de projecto. Em seguida, execute os passos mencionados mais tarde com comandos de terminal.

1. Clonagem :

Suponha que você quer fazer um projeto chamado helloworld, execute os seguintes comandos a partir do seu terminal

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

Depois de executar o último comando que pôde ver no seu navegador como este

2. A transferir :

Transferir a semente de arranque rápido e desbloqueá-la para a pasta do seu projecto. Em seguida, execute os passos abaixo com comandos de terminal.

cd quickstart
npm install
npm start

Para mais pormenores, consulte o sítio oficial

score 2 · Answer 3

Colar o código abaixo em um arquivo, criando e nomeando-o como Pacote.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": {}
}

Navegar para a pasta raiz em Cmd e
```
npm install 

or

npm i 
```

Em alternativa, se quiser criar um novo pacote .json

navegar para uma pasta na linha de comandos
Execute o comando
```
npm init
```
Isto irá criar um novo pacote .ficheiro json e copiar colar o código acima para instalar angular2 juntamente com algumas outras dependências básicas.

Se está à procura de uma configuração simples. Olha para isto. publicação.

score 1 · Answer 4

Depende da sua ferramenta de compilação, se for webpack, basta instalar componentes angulares, como:

  "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"
}

E todos os módulos adicionais do Fornecedor, Se necessário no seu caso.

score 0 · Answer 5

A Instalar As Dependências Angulares

instalar uma versão estável de nó (se não estiver já instalado) e verificar a instalação usando node -v
Install TypeScript usando comando npm install -g typescript
transferir e instalar CLI Angular usando o comando npm install -g @angular/cli

Angular é uma estrutura orientada a componentes. Muitos componentes precisam ser criados para fazer toda a aplicação. Um componente é um grupo de elementos personalizados, HTML Elementos, ShadowDOM & HTML importações.

score 0 · Answer 6

Obter o exemplo de https://angular.io/
Guarda este código e renomeia-o.
Vá para a pasta de topo em Cmd.
```
$ cd myproject
```
Execute o comando
```
$ npm install
$ npm start
```