Angular - 1.4 Premiere application part 2

Maintenant avec cela, nous pouvons créer notre premier projet Angular et pour cela, dans l'invite de commande, premièrement vous devez naviguer dans le dossier de votre système, sur votre ordinateur où vous souhaitez créer ce projet. Vous pouvez y aller avec la commande cd. Il s'agit d'une commande disponible sur macOS et Windows. Et avec cette commande, vous pouvez naviguer dans n'importe quel dossier qui existe déjà. Il doit donc s'agir d'un dossier que vous avez déjà créé. Dans mon cas, je vais dans le dossier document/développement/udemy mais encore une fois, c'est un chemin que j'ai créé à l'avance. Allez simplement dans n'importe quel dossier où vous avez un accès en lecture et en écriture et une fois que vous êtes à l'endroit où vous voulez créer votre projet Angular, vous pouvez le créer avec la commande ng new, que vous trouverez également sur la page Web officielle. Donc, ici, dans ce dossier où je veux créer ce projet, je vais maintenant exécuter ng new et ensuite donner un nom à ce projet. Un nouveau dossier de ce nom sera alors créé dans ce dossier où vous exécutez cette commande.

Et je vais simplement choisir ici comme nom ma tiret premiere tiret app. Vous pouvez choisir n'importe quel nom, mais il ne doit pas contenir d'espace blanc et il ne doit pas contenir le mot test. Mais à part cela, vous êtes libre d'utiliser le nom de votre choix. Et puis important à préciser, ajoutez --no-strict ici. Le mode strict est un mode spécial dans lequel nous pouvons créer nos projets et nous examinerons le mode strict ou l'optimisation de nos projets plus tard dans le cours mais pour commencer et nous faciliter les choses, nous commencerons en mode non --strict ici. Et puis vous pouvez appuyer sur Entrée et cela créera un nouveau projet angulaire pour vous.

Maintenant, on vous pose alors quelques questions. Si vous souhaitez ajouter un routage angulaire. Et ici, vous devriez choisir n pour non. Nous ne voulons pas encore l'ajouter. Nous y reviendrons plus tard dans ce cours. Ensuite quel format de feuille de style vous aimeriez utiliser pour écrire votre code de style et ici, j'utiliserai le CSS standard, je vais donc confirmer cette sélection par défaut ici pour moi.

Une fois que cela est terminé avec succès, nous pouvons y accéder avec la commande cd, puis le nom du projet. Dans mon cas, c'est ma première application. Et une fois que vous y êtes, vous pouvez exécuter ng-serve pour afficher un serveur de développement qui exécutera votre build et pour une application optimisée pour le développement afin que vous puissiez le voir dans le navigateur. Le serveur s'exécute sur localhost: 4200 par défaut.

Il s'agit simplement d'un écran de démarrage fourni par le projet CLI. Bienvenue dans l'application, puis quelques liens utiles vers les documents officiels, etc. Maintenant, l'écran que vous voyez pourrait également ressembler à ceci. L'écran de démarrage a simplement été mis à jour avec des versions plus récentes de la CLI. Cela n'a aucun impact sur ce que vous apprenez ni sur la version d'Angular

En résumé

Cette deuxième partie du cours sur la première application Angular vous guide dans la préparation de votre environnement de développement. Vous apprendrez à installer Node.js (technologie requise pour Angular) et npm (gestionnaire de paquets), puis à vérifier que l'installation s'est déroulée correctement. Ces étapes préalables sont essentielles avant de pouvoir installer la CLI officielle d'Angular et créer votre premier projet.

Points clés

La CLI (Command Line Interface) officielle d'Angular est la meilleure façon de créer un projet Angular, car elle génère automatiquement l'arborescence complète du projet avec tous les fichiers et dossiers nécessaires
Node.js est une technologie indispensable car Angular l'utilise en arrière-plan pour certaines tâches ; npm, le gestionnaire de paquets, s'installe automatiquement avec Node.js
Il est recommandé d'installer la version LTS (Long Term Support) de Node.js pour bénéficier d'un support à long terme et d'une meilleure stabilité
La procédure d'installation varie selon le système d'exploitation : téléchargement et exécutable sur Windows/macOS, ou utilisation du gestionnaire de paquets sur Linux
Après installation, vous devez vérifier que Node.js et npm sont correctement installés en utilisant les commandes `node -v` et `npm -v` dans le terminal

Questions fréquentes

Pourquoi avons-nous besoin de Node.js pour développer avec Angular ?

Angular utilise Node.js en arrière-plan pour certaines tâches. De plus, Node.js est nécessaire pour que la CLI d'Angular fonctionne correctement et que le gestionnaire de paquets npm soit disponible pour installer les dépendances du projet.

Quelle version de Node.js dois-je installer ?

Il est recommandé d'installer la version LTS (Long Term Support) de Node.js, car elle offre un support à long terme et une meilleure stabilité, contrairement à la version la plus récente qui peut contenir des bugs.

Comment vérifier que Node.js et npm sont correctement installés ?

Ouvrez un terminal et exécutez les commandes `node -v` pour vérifier la version de Node.js et `npm -v` pour vérifier celle de npm. Si elles s'affichent, l'installation est réussie ; sinon, un message d'erreur s'affichera.