Introduction aux commandes angulaires
Dans cette rubrique, nous allons découvrir les commandes angulaires. Comme Angular est l'une des plates-formes populaires pour créer une application Web très facilement. C'est fondamentalement l'un des frameworks frontaux de toute application web basée sur javascript. Il a une très bonne combinaison de modèles, l'injection de dépendance, intégrant certaines des pratiques populaires qui peuvent aider à résoudre les problèmes de développement.
Commandes angulaires de base
Il y avait beaucoup de commandes angulaires disponibles pour une utilisation dans les différents environnements, en particulier pour préparer une application Web ou incorporer l'intégralité de la base de code côté client avec la syntaxe HTML, cela est parfois très favorable pour le développeur, car il a suivi certaines chances de structure du cadre d'erreur est bien moindre. Certaines des commandes angulaires de base sont mentionnées comme ci-dessous:
1. Npm install –g @ angular / cli : Cette commande est essentiellement utilisée pour installer la CLI angulaire en mentionnant spécifiquement le gestionnaire de packages de rpm.
2. Aide Ng : Fournit une aide en ligne disponible relative à angulaire en exécutant cette commande. Cette aide peut être une option de variétés, la liste des détails viendra à l'invite.
3. Ng generate - help : Il donne une liste entière de commandes exécutables en angulaire avec mention d'une courte description commune. L'utilisateur peut facilement comprendre quelle commande doit être utilisée dans quel but en exécutant cette commande. Il fournit également une aide en ligne sous forme angulaire avec une brève description supplémentaire pour une bonne visibilité de l'utilisateur.
4. Ng new first - angular-project: Cette commande utilise pour créer un nouveau projet de base en angular, le développeur devrait avoir besoin d'aller dans l'espace de travail correspondant et d'exécuter cette commande pour créer un nouveau projet.
5. Cd first-angular-project : Cd signifie changer de répertoire. Cette commande déplace en fait le curseur utilisateur vers le dossier de projet créé.
6. Ng serve : Cette commande aide essentiellement à créer l'application et à garantir sa disponibilité localement. En exécutant cette commande, le serveur est responsable de reconstruire automatiquement les modifications de code entières et de les recharger immédiatement dans les pages si le développeur change quoi que ce soit dans le fichier source. C'est une commande très populaire dans Angular pour créer l'application et afficher les modifications correspondantes à l'écran.
7. Ng config : Cette commande aide essentiellement à récupérer tous les détails de configuration et l'option pour définir ou modifier la configuration d'installation correspondante à partir de l'invite de commande. Il existe une autre option pour modifier la configuration plutôt que d'exécuter cette commande qui consiste à modifier directement le fichier angular.json. Il existe un mécanisme commun qui doit être suivi par le développeur angulaire, comme le nom du fichier de configuration doit être conservé dans le cas du chameau, tandis que le nom de l'option de la commande d'exécution peut être dans le cas du chameau ou normal.
8. Ng –build my-first-app –c production : Cette commande utilise essentiellement la construction de la nouvelle application qui a été développée et la copie rapide de la même application de build dans l'environnement de production. Cette commande est utile pour basculer immédiatement la modification entière vers l'environnement livrable. Cette commande doit être exécutée dans le répertoire de l'espace de travail. Après avoir exécuté cette commande, il a généré un répertoire de sortie avec le nom dist / sur le chemin de sortie fourni.
9. Ng add : Cette commande utilise essentiellement une bibliothèque externe. Supposons que le développeur doive inclure certaines des bibliothèques externes dans son projet existant, dans ce cas, il peut facilement utiliser la commande add et spécifier le nom de la bibliothèque externe. Ensuite, il inclura automatiquement cette bibliothèque dans l'application.
10. Ng doc : Cette commande est très utile pour comprendre la vue officielle angulaire. Cette commande ouvre en fait la documentation officielle angulaire comme angular.io dans le navigateur par défaut correspondant. Il donne également une utilité critique de recherche avec un mot clé spécifique pour acquérir directement les connaissances sur ce mot clé à partir du site officiel angulaire.
Commandes angulaires intermédiaires
Il existe plusieurs autres commandes Angular populaires, qui sont également utilisées par le développeur Angular, qui ne sont pas des commandes très basiques mais fonctionnent davantage avec Angular. Certains de ces types de commandes angulaires intermédiaires sont répertoriés ci-dessous:
1. Ng e2e : Ceci est très utile pour le développeur commun, en particulier dans le cas d'un test de bout en bout sur l'application développée angulaire. L'exécution de cette commande garantit la création de l'application et la diffuse localement avec les modifications de mise à jour. Ensuite, il s'exécute également sur un environnement de test de bout en bout en utilisant l'un des rapporteurs.
2. Ng lint : il s'agit de lier l'application angulaire à un outil de linting populaire. Il aide à exécuter cet outil de peluchage sur le code développé en angulaire sur le dossier fourni du projet. Il assure essentiellement la qualité du code.
3. Ng run: Cette commande aide essentiellement à exécuter l'une des cibles de l'architecte en prenant de l'aide avec la configuration de bâtiment facultative personnalisée. Ce type de configuration normalement défini précédemment associé au projet.
Commandes angulaires avancées
Néanmoins, certaines des tâches critiques doivent être effectuées fréquemment par les utilisateurs de la commande. Ces tâches doivent également être exécutées à l'avance, comme tester le projet, mettre à jour l'application et c'est une dépendance ou extraire le message prédéfini du code source. Ces commandes avancées de type angulaire sont ci-dessous:
1. Test Ng : Cela aide à exécuter des cas de test unitaires entiers sur le projet angulaire.
2. Ng update : Cette commande aide principalement à mettre à jour l'application et leur dépendance correspondante périodiquement.
3. Version Ng : Cette commande fournit la version appropriée de la CLI angulaire.
4. Ng xi18n : Cette commande aide principalement à extraire les informations des messages i18n du code source écrit de angular.
Trucs et astuces pour utiliser les commandes angulaires
Certains utilisateurs courants qui utilisent très fréquemment des commandes angulaires utilisent généralement certains trucs et astuces pour utiliser correctement les sorties de commandes angulaires. Ces types d'astuces résolvent normalement certaines requêtes spécifiques à l'utilisateur et affichent les résultats d'exécution pour bien les comprendre. Certains des trucs clés les plus couramment utilisés sont:
1. Maintenir la structure appropriée de l'application : le développeur normalement angulaire suit une structure brute de dossier pour maintenir la base de code de l'application entière. Cela rend généralement le projet non compatible avec les autres développeurs. Suggestion normale pour maintenir la base de code angulaire dans trois structures distinctes. Le module de base module partagé et module de fonctionnalité. Le module principal doit être une seule instance, qui est utilisée par tout le monde. Le module partagé peut être utilisé par plusieurs projets tandis que le module de fonctionnalités contient l'implémentation d'origine de l'application.
2. Fournir des alliances pour chaque application: Fournir des alliances pour chaque application sera toujours une approche suggérable, en particulier pour la mise en œuvre d'importations propres.
Conclusion -
Les commandes angulaires sont maintenant des mécanismes basés sur javascript très populaires disponibles dans l'industrie informatique pour développer intelligemment une page d'application Web. Auparavant, tout code côté client basé sur javascript ne conservait jamais de structure, angular était d'abord venu avec un format spécifique de développement d'une base de code côté client.
Articles recommandés
Cela a été un guide pour les commandes angulaires. Ici, nous avons discuté des commandes angulaires de base et avancées et de certaines commandes angulaires immédiates. Vous pouvez également consulter l'article suivant pour en savoir plus -
- Utilisation des commandes Tableau
- Comment utiliser les commandes HBase
- Utilisation des commandes MongoDB
- Importance des commandes Pig