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?6 answers
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
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
-
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.
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.
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.
- 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