Comment installer Angular sur Fedora 35/34/33

Comment installer Angular sur Fedora 35/34/33

Angular est des cadres d'applications Web open-source. Il garde une trace de tous les composants et vérifie régulièrement leurs mises à jour.

Ce tutoriel vous aidera à installer Angular sur Fedora 35/34/33 Linux Systems. Cela vous aidera également à créer un exemple d'application angulaire.

Étape 1 - Installation de nœud.js

Tout d'abord, vous devez installer le nœud.JS sur votre système Fedora. Utilisez l'ensemble de commandes suivant pour ajouter le nœud.JS PPA dans votre système Fedora et installez les packages requis.

curl -sl https: // rpm.nœud.com / setup_14.X | sudo -e bash -  sudo yum install nodejs  

Assurez-vous que vous avez installé avec succès le nœud.JS et NPM sur votre système

Node - Version  NPM - Version  

Étape 2 - Installez angulaire sur Fedora

Après avoir terminé le nœud.Installation JS sur votre système. Utilisez les commandes suivantes pour installer le module CLI angulaire à l'aide du NPM sur votre système.

NPM Install -g @ Angular / CLI  

JThis installera la dernière version Angular CLI disponible sur votre système. Pour installer la commande Angular Special Exécuter la commande comme le suivant avec le numéro de version.

NPM Install -g @ Angular / [Email Protected]6 ## Installer Angular 6  NPM Install -g @ Angular / [Email Protected]7 ## Installer Angular 7  NPM Install -g @ Angular / [Email Protected]8 ## Installer Angular 8  NPM Install -g @ Angular / [Email Protected]9 ## Installer Angular 9  

Utilisation du -g L'option dans la commande ci-dessus installera la CLI angulaire à l'échelle mondiale. Il sera disponible pour tous les utilisateurs et applications sur le système.

La CLI angulaire fournit une commande not Utilisé pour les opérations de ligne de commande. Une fois l'installation terminée, utilisez le not Commande pour vérifier la version installée.

ng --version  
Sortie / \ _ __ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | | / _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | | (_ | | | | | ___ | | ___ | | / _ / \ _ \ _ | | _ | \ __, | \ __, _ | _ | \ __, _ | _ | \ ____ | _____ | ___ | | ___ / CLI angulaire: 9.1.4 NODE: 14.2.0 OS: Linux x64 Angular:… Ivy Workspace: Package Version ------------------------------------- ----------------- @ Angular-Devkit / Architect 0.901.4 @ Angular-Devkit / Core 9.1.4 @ Angular-Devkit / Schematics 9.1.4 @ schémas / angulaire 9.1.4 @ schémas / mise à jour 0.901.4 rxjs 6.5.4 

Étape 3 - Créer une nouvelle application angulaire

Maintenant, créez une nouvelle application nommée Hello-Angular à l'aide des outils CLI angulaires. Exécutez les commandes pour ce faire:

ng nouveau bonjour-angulaire  
Sortie… Ajout de 1011 packages de 1041 contributeurs et packages audités 19005 en 36.281s ont trouvé 0 vulnérabilités qui ont réussi à initialiser Git. 

Cela créera un répertoire nommé «Hello-Angular» dans votre répertoire actuel et créera l'application.

Étape 4 - Servir l'application angulaire

L'application angulaire par défaut est prête à servir. Passer au répertoire Bonjour-angulaire et exécutez votre application angulaire en utilisant le Ng servir commande.

CD Hello-Angular  Ng servir  

Vous pouvez accéder à votre application angulaire sur le port localhost 4200, qui est l'hôte et le port par défaut utilisés par l'application angulaire.

  • http: // localhost: 4200

Il permet également de modifier l'hôte et le port pour exécuter une application angulaire en utilisant -héberger et -port Arguments de ligne de commande.

ng servir - host 0.0.0.0 --port 8080  

Avec l'utilisation de l'hôte 0.0.0.0 écoute sur toutes les interfaces. Vous pouvez donc y accéder à partir d'un réseau privé ou d'un réseau public.

Pour les applications de production, utilisez ce tutoriel pour configurer Apache en tant que serveur proxy frontal pour l'application angulaire. Il sera donc accessible aux utilisateurs finaux sur le port par défaut.

Conclusion

Ce tutoriel vous a aidé à installer l'utilitaire CLI angulaire sur un système Fedora Linux. En outre, vous fournit des instructions pour créer un exemple d'application angulaire et l'exécuter.