web-dev-qa-db-fra.com

Comment installer Angular-CLI avec Angular v4.x

J'ai installé Angular-CLI en utilisant cette commande

npm install -g @angular/cli

mais j’ai réalisé qu’il avait installé Angular v5.1.3 mais j’ai besoin d’utiliser Angular 4.x.

Comment puis-je installer la dernière version de Angular-CLI avec la dernière version de Angular 4.x?

5
vcRobe

Je pense que déclasser votre CLI n’est pas une bonne idée car ils corrigent beaucoup de bogues. Vous pouvez spécifier votre angulaire dans le fichier package.json. ne dépend pas de ton client.

Modifier

Commencez par installer la dernière version à partir de votre cli. Ensuite, spécifiez la version souhaitée dans la section "dépendances" de votre package.json. Par exemple, si vous voulez Angular 4.3.4, vous pouvez éditer votre fichier package.json comme ceci:

"dependencies": {
    "@angular/animations": "^4.3.4",
    "@angular/common": "^4.3.4",
    "@angular/compiler": "^4.3.4",
    "@angular/core": "^4.3.4",
    "@angular/forms": "^4.3.4",
    "@angular/http": "^4.3.4",
    "@angular/platform-browser": "^4.3.4",
    "@angular/platform-browser-dynamic": "^4.3.4",
    "@angular/router": "^4.3.4",
     ...........................
     ...........................
    }

Changez aussi votre devDependencies

    "devDependencies": {
      "@angular/compiler-cli": "^4.3.4",
      "@angular/language-service": "^4.3.4",
      .............
    }

lancez maintenant npm install

  npm install

Une fois l’installation terminée, vous devriez voir votre version avec la commande ng -v comme ceci: 

Angular CLI: 1.6.3
Node: 9.3.0
OS: linux x64
Angular: 4.4.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router, tsc-wrapped

@angular/cli: 1.6.3
@angular-devkit/build-optimizer: 0.0.38
@angular-devkit/core: 0.0.25
@angular-devkit/schematics: 0.0.48
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.3
@schematics/angular: 0.1.13
@schematics/schematics: 0.0.13
TypeScript: 2.4.2
webpack: 3.10.0
2
Imran

Vous pouvez utiliser un simple hack: installez localement @angular/[email protected] et utilisez-le pour générer un nouveau projet.

Pour ce faire, procédez comme suit:

  1. Dans un nouveau dossier, créez un projet nodejs simple avec la commande npm init
  2. Installez localement angular-cli 1.4 sous ce projet: npm install @angular/[email protected]
  3. Supprimez les fichiers du projet de noeud, à l'exception des dossiers node_modules nouvellement créés: cela signifie que vous devrez supprimer package.json et que tous les autres fichiers existants seront créés comme karma.js etc.
  4. Vous pouvez maintenant créer un nouveau projet Angular 4 avec la commande ng new <project name>. Il utilisera la version locale de angular-cli précédemment installée.
  5. Vous pouvez maintenant supprimer le dossier node_modules.

Ensuite, si vous cd dans votre nouveau projet, vous aurez un projet entièrement angulaire 4.

4
hubert

vous pouvez utiliser

 npm i @angular/[email protected] -g

si vous voulez un fichier JSON de package avec les versions inférieures à 5.

À partir de la version 1.5 de la CLI angulaire, nous avons ajouté la prise en charge de Angular version 5.0.0 et générerons des projets v5 par défaut ..__ voir lien

4
Schattenjäger

Vous pouvez utiliser 

npm install -g @angular/[email protected] 

Cela devrait installer Angular 4.4.6 et utilisera angular-cli 1.5.5

C'était la dernière version avant que 5 n'arrive

2
Ojas Deshpande

En utilisant npm install -g @angular/cli, vous installerez la dernière version stable du @angular/cli. Donc, une fois que vous créez un projet angulaire à l'aide de la variable cli, un fichier package.json sera créé pour spécifier la version d'angulaire à utiliser pour le projet. Modifiez la version que vous souhaitez utiliser dans le fichier package.json. Puis lancez npm install.

0

Cela signifie que vous avez installé @angular/cli globalement sur votre ordinateur afin de pouvoir utiliser les commandes ng de n’importe où sur une console.

Vous devez créer un nouveau projet angulaire à l'aide de ng new my-project-name, qui générera tous les fichiers de base dont vous avez besoin pour un projet angulaire.

Dans ces fichiers, vous trouverez un fichier package.json contenant toutes les références de bibliothèque dont vous avez besoin dans votre projet. Il devrait avoir le paquet angulaire par défaut à la version 5+.

Pour être 4.X.X comme vous le souhaitez, vous devez trouver la meilleure version de @angular/cli compatible avec la version angulaire souhaitée (je vous conseille d’utiliser 1.5.0 ou moins pour @angular/cli).

0
Alex Beugnet