Comment créer une version spécifique d'un projet angulaire sans installer Angular CLI

Vous travaillez avec Angular et avez besoin de mettre en place des projets avec différentes versions d'Angular ? Voici un guide simple pour créer des projets Angular pour des versions spécifiques, avec et sans la CLI Angular !

Pourquoi utiliser des versions angulaires spécifiques ?

Lorsque vous travaillez sur plusieurs projets Angular, vous devez parfois verrouiller une version particulière. Peut-être que votre projet repose sur certaines fonctionnalités disponibles uniquement dans des versions spécifiques, ou peut-être nécessite-t-il une compatibilité avec les bases de code existantes.

Voici comment créer des projets avec des versions angulaires particulières, que vous utilisiez ou non la CLI !

---

1. Créer un projet angulaire Sans Installer la CLI angulaire

Saviez-vous que vous pouvez initialiser des projets Angular pour des versions spécifiques sans installer la CLI ? Regardons la syntaxe et les exemples.

Syntaxe

npm init @angular@<version> <project-name>

Remplacer avec la version Angular souhaitée et avec le nom de votre projet. Par exemple, si vous souhaitez créer un projet Angular 16 nommé sampleApp, vous exécuterez :

Exemple

npm init @angular@16 sampleApp

Cette approche met en place un projet Angular de base sans installer la CLI Angular globalement. C’est pratique si vous souhaitez éviter d’installer des outils supplémentaires ou si vous travaillez dans un environnement contraint.

Autres exemples

• Projet Angular 13 nommé LegacyApp :
  

  npm init @angular@13 legacyApp
  

Cette commande extrait directement la version Angular nécessaire, configurant la structure du projet et les dépendances spécifiques à cette version.

---

2. Création d'une version spécifique d'un projet angulaire Avec CLI angulaire

Si vous préférez utiliser la CLI angulaire, vous pouvez toujours créer un projet pour une version spécifique sans installer définitivement la CLI. Utilisez npx pour exécuter directement la CLI, en spécifiant votre version.

Syntaxe

npx -p @angular/cli@<version> ng new <project-name>

Cette commande utilise npx pour exécuter temporairement la version CLI spécifiée, créant ainsi un projet adapté à cette version angulaire.

Exemple

npx -p @angular/cli@13 ng new demoApp

Cette commande crée un nouveau projet à l'aide de la version 13 d'Angular CLI, même si une version différente de Angular CLI est installée globalement.

Avantages de l'utilisation de npx :

• Aucune installation permanente : la version CLI spécifiée est téléchargée pour une utilisation unique, économisant ainsi de l'espace et évitant les conflits de version potentiels.
• Changer facilement de version : vous pouvez rapidement basculer entre les versions de différents projets sans gérer plusieurs installations CLI globales.

---

Quand choisir les approches CLI ou non-CLI

Sans CLI

• Quand vous souhaitez une configuration minimale
• Lorsque vous travaillez dans un environnement restreint sans installation globale d'Angular CLI

Avec CLI

• Lorsque vous devez exploiter les commandes et les schémas CLI
• Lors de la configuration d'un espace de travail angulaire complet

---

Conclusion

Que vous choisissiez d'utiliser ou sans la CLI, la flexibilité d'Angular avec npm init et npx facilite la gestion de projets sur différentes versions. Ainsi, la prochaine fois que vous aurez besoin de lancer un projet de version Angular spécifique, vous saurez exactement comment le faire sans avoir à vous soucier des installations CLI !

Récapitulatif des commandes rapides

Angular Version	Without CLI	With CLI
16	npm init @angular@16 sampleApp	npx -p @angular/cli@16 ng new sampleApp
13	npm init @angular@13 legacyApp	npx -p @angular/cli@13 ng new demoApp

---

Et c'est tout ! J'espère que vous avez trouvé ce guide utile pour vos projets angulaires. Commentez ci-dessous avec toutes les questions ou conseils que vous pourriez avoir pour travailler avec des versions angulaires spécifiques.

Bon codage !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!