Ceux qui sont en développement connaissent déjà Angular, un framework open source conçu pour développer des applications Web dynamiques. Il est développé par Google et est de nature multiplateforme. Eh bien, wQue vous soyez un développeur chevronné ou que vous débutiez tout juste avec Angular, la première étape est de l'installer. Ainsi, dans ce guide, nous fournirons les commandes que vous pouvez utiliser pour installer Angular sur Windows 10 ou 11, tout comme nous le faisons sur les systèmes Linux.
Mais pourquoi utiliser Angular ?
Avant de plonger dans le processus d'installation, découvrons rapidement certains avantages de l'utilisation d'Angular, ce qui mérite d'être pris en compte pour le développement Web. Angular offre un cadre robuste et structuré pour créer des applications Web modernes. Il est connu pour :
- Son architecture basée sur des composants vous permet de créer et de maintenir facilement des applications complexes.
- Les applications Web créées à l'aide d'Angular fonctionnent de manière transparente sur diverses plates-formes et appareils.
- Angular optimise votre application pour de meilleures performances, la rendant chargée rapidement et fonctionnant sans problème.
- Communauté active, disponibilité de nombreuses ressources, tutoriels et prise en charge du développement angulaire.
Étape 1. Ouvrez PowerShell ou CMD en tant qu'administrateur
Ici, nous utilisons PowerShell, mais vous pouvez également utiliser l'invite de commande car les étapes seront les mêmes dans les deux cas. Cependant, assurez-vous simplement que vous y accédez en tant qu'administrateur, car nous avons besoin des droits de superutilisateur pour installer des applications à l'aide de la ligne de commande.
Néanmoins, pour vous donner une idée – il suffit de cliquer sur Windowscommencerbouton et recherchez PowerShell ou CMD, puis cliquez sur l'option - "Exécuter en tant qu'administrateur"
Étape 2. Vérifiez Winget disponible
Sur tous les Windows 11, y compris la dernière version de Windows 10, le gestionnaire de packages de Microsoft s'appelleraAile. Cependant, pour confirmer sa présence sur votre système, tapez la commande donnée après avoir ouvert Powershell ou CMD.
winget -v
Vous verrez la version actuelle du gestionnaire de packages dans la sortie, confirmant qu'elle est disponible.
Étape 3. Installez Node.js et NPM
Tout d'abord, nous devons avoir Node.js et son gestionnaire de packages NPM (Node Package Manager) sur notre système Windows 10 ou 11. Nous avons besoin de NPM non seulement pour installer Angular, mais également pour obtenir les outils dont nous avons besoin pour créer nos applications Web.
Ainsi, en utilisant votre Winget, installez les Nodejs avec ce NPM qui seront automatiquement sur votre système. La dernière version de Node était la 20 lors de la rédaction de cet article mais Angular ne prend en charge que la version LTS, nous optons donc pour la version 18.x de Node.js.
winget install OpenJS.NodeJS.LTS
Attendez quelques secondes, le système définira cet environnement d'exécution JavaScript pour vous,
Maintenant, fermez votre terminal de commande ou PowerShell et ouvrez-le à nouveau, afin que les outils de commande Node & NPM puissent être reconnus par le système. Pour vérifier la version de Node et NPM installés, vous pouvez utiliser :
node -v
npm -v
Il est également essentiel de garder les choses à jour. Vous pouvez mettre à journpmen exécutant la commande suivante dans votre terminal :
npm install -g npm@latest
Étape 4. Installation de Angular CLI sur Windows 10 ou 11
Angular CLI (Command Line Interface) sur Windows simplifie le processus de création, de création et de déploiement d'applications angulaires. Pour l'installer, suivez ces étapes :
Vous auriez déjà une invite de commande Windows ou PowerShell avec des privilèges d'administrateur. Par conséquent, exécutez simplement la commande suivante pour installer Angular CLI globalement :
npm install -g @angular/cliUne fois l'installation terminée, vous pouvez vérifier l'installation en vérifiant la version Angular CLI :
Cependant, avant de vérifier la version d'Angular, activez l'exécution des scripts PowerShell qui est désactivée par défaut. Sans toi tu serais capable de courirdecommandes d'outils. Alors, exécutez :
Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSignedPresseOuiet frappe leEntrerclé.
Après cette exécution :
ng versionVous devriez voir la version d'Angular CLI que vous avez installée.
Note: Si la commande est introuvable, fermez et ouvrez à nouveau votre PowerShell ou CMD.
Étape 5. Création de votre premier projet angulaire
Maintenant que Angular CLI est installé sur notre système Windows 11 ou 10, il est temps de commencer par l'étape initiale et créons un simpleProjet angulaire pour comprendre son fonctionnement.
Créez un répertoire dans lequel vous souhaitez enregistrer votre fichier de projet Angular, disons :Mon application
mkdir myapp
Maintenant, passez à cecirépertoire en utilisant leCDcommande dans votre terminal.
cd myapp
Exécutez la commande suivante pour générer un nouveau projet Angular :
ng new my-first-app
Remplacer "ma-première-application» avec le nom de votre projet souhaité.
Angular CLI vous demandera de choisir certaines options de configuration pour votre projet. Vous pouvez choisir les options par défaut pour l'instant en appuyant sur le boutonEntrerclé.
Une fois le projet généré, accédez au dossier du projet :
cd my-first-app
Enfin, démarrez le serveur de développement Angular en exécutant :
ng serve
Cela compilera votre application Angular et la rendra disponible pour aperçu surhttps://localhost:4200/. Ouvrez votre navigateur et pointez dessus.
6. Désinstallation (facultatif)
Si après un certain temps vous souhaitez supprimer Angular de votre Windows à l'aide d'un terminal Powershell ou CMD, voici les commandes à suivre :
Pour supprimer uniquement Angular :
npm remove -g @angular/cli
Pour supprimer Nodejs et NPM :
winget uninstall OpenJS.NodeJS.LTS
Conclusion
De cette façon, nous pouvons facilement utiliser l'invite de commande de Windows 10 ou 11 non seulement pour installer Angular mais aussi pour créer des projets et les gérer. Ce framework open source est assez puissant pour créerdes applications Web modernes, et avec une installation et une configuration appropriées, vous êtes sur la bonne voie pour devenir un développeur Angular.
Autres articles :
