web-dev-qa-db-fra.com

Comment créer un projet angulaire 5 dans angular cli 6.0.1

Ma version angular cli est la version 6.0.1 et la version node est la version 8.11.1.

 image of version

Comment créer ou ajouter un nouveau projet de angular 5.

Si j'utilise ng new [nom_projet], le projet en cours de téléchargement est de angulaire 6.

6

Je suis tombé sur ce scénario aussi.
Voici ma solution.

Malheureusement, nous sommes à la merci de la CLI, car c'est le meilleur moyen de créer un nouvel échafaudage pour projet angulaire.
Considérant que ng new {app_name} ne prend pas en charge un indicateur de version.
Notre objectif serait d’installer la bonne version de la CLI. 

Les étapes suivantes m'ont aidé à résoudre ce problème:

  1. Créez un nouveau dossier: mkdir ng-5-cli && cd ng-5-cli
  2. Initialiser NPM npm init
  3. Installer les anciennes CLI angulaires: npm i @angular/[email protected] --save-dev
  4. Pour une raison quelconque, le compilateur ng suppose qu'il s'agit d'un répertoire de projet angulaire et ne permet pas l'exécution de ng new ici.
  5. Sortez du répertoire actuel: cd ..
  6. Utilisez le chemin absolu vers Angular cli dans le répertoire de l’étape 1.

Par exemple /ng-5-cli/node_modules/.bin/ng new some-ng5-app

Cela devrait créer une nouvelle application avec Angular version 5.x. 

Vous pouvez toujours installer d'autres versions de la CLI et créer des liens symboliques personnalisés pour les utiliser ultérieurement.

16
ashish.gd

J'ai trouvé une bonne explication et les étapes à suivre - 

https://blog.angularindepth.com/angular-5-or-angular-6-yes-please-d71b08b5e59b

1) Installez Angular 6 CLI globalement:

npm install -g @angular/cli@6

2) Créez un dossier appelé ng5 pour héberger toutes vos nouvelles applications Angular 5: 

md ng5
cd ng5

3) Dans votre dossier ng5, créez une nouvelle application npm locale en utilisant:

npm init -y

4) Installez Angular 5 CLI localement en utilisant:

npm install @angular/cli@1

5) Maintenant, vous DEVEZ supprimer le fichier package.json local . Si vous ne le faites pas, Angular CLI se plaindra lorsque vous essayez d’utiliser ng new. En effet, il pensera que vous essayez de créer une nouvelle application dans une application CLI angulaire existante.

6) Créez votre nouvelle application Angular 5:

ng new my-ng5-app
2
Kanchan