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?
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.
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
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:
npm init
npm install @angular/[email protected]
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.ng new <project name>
. Il utilisera la version locale de angular-cli précédemment installée.node_modules
.Ensuite, si vous cd
dans votre nouveau projet, vous aurez un projet entièrement angulaire 4.
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
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
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
.
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
).