Guide d'installation de Node.js et d'utilisation de NG (commande ng)

Dans le développement Web moderne, les développeurs front-end utilisent le framework Angular (anciennement connu sous le nom d'AngularJS) pour gérer la création dynamique d'interface utilisateur, et NG (commande ng) est la commande qui permet au système Angular de compiler et de générer des applications. De plus, Node.js est un moteur JavaScript open source, multiplateforme et efficace. Le but de cet article est de fournir un guide détaillé sur la façon d'installer les commandes Node.js et NG.

Étapes d'installation de Node.js

1. Tout d'abord, vous devez télécharger la dernière version de Node.js. Vous pouvez trouver la dernière version adaptée à votre système sur le site officiel de Node.js (https://nodejs.org/en/). De plus, vous pouvez également trouver plus d’informations relatives à Node.js sur cette page.

2. Sélectionnez le programme de téléchargement. Après avoir accédé à la page de téléchargement, vous pouvez choisir le programme de téléchargement correspondant, tel que Windows, Mac, etc.

3. Installez Node.js via l'assistant d'installation : après le téléchargement, double-cliquez sur le fichier .exe (ou .dmg, .pkg et autres types de fichiers) du programme que vous avez téléchargé, puis suivez l'assistant d'installation pour l'installer. Suivez les invites correspondant à votre système d'exploitation et le programme d'installation vous guidera à travers les étapes. Si tout se passe bien, le programme d'installation terminera l'installation de Node.js en quelques minutes seulement.

4. Vérifiez que l'installation de Node.js est réussie : une fois le programme d'installation installé, ouvrez un terminal de ligne de commande et entrez la commande "node -v" pour vérifier si l'installation est réussie. Si le numéro de version est renvoyé correctement, votre processus d'installation a réussi.

NG (commande ng) en suivant les étapes

1. Installer Angular CLI

Ouvrez le terminal de ligne de commande et entrez la commande "npm install -g @angular/cli" et appuyez sur la touche Entrée. Faites-le précéder de "npm install -g" pour installer @angular/cli globalement sur votre ordinateur.

2. Vérifiez si Angular CLI est installé avec succès

Ouvrez le terminal de ligne de commande et entrez la commande "ng --version" et appuyez sur Entrée. Si le numéro de version d'AngularCLI est renvoyé correctement, cela signifie que vous l'avez installé avec succès.

3. Construire avec NG

Entrez "ng new project-name" dans le terminal de ligne de commande pour créer un nouveau projet Angular. Ici, "nom-projet" représente le nom de l'application que vous souhaitez créer. Si vous devez créer un nouveau projet Angular dans un emplacement différent, entrez le nom du projet cd (tel que cd new-project) pour accéder au répertoire du projet.

4. Démarrez NG

Allez dans le répertoire du projet, entrez "ng serve" et appuyez sur Entrée pour démarrer NG. Cette commande démarrera un serveur de développement sur localhost. Ensuite, vous pouvez accéder au bloc Angular que vous venez de créer en tapant « http://localhost:4200 » dans votre navigateur.

5. Autres commandes NG couramment utilisées

• Générer de nouveaux composants angulaires : La commande "ng generate composant nom-du composant" peut être utilisée pour générer de nouveaux composants angulaires. Il générera automatiquement un nouveau composant nommé nom-composant dans le répertoire app/component, qui comprend tout le code dont nous avons besoin.
• Utilisez les outils CLI pour générer des structures par défaut pour d'autres applications : La commande "ng new application-name" générera une nouvelle application Angular.
• Exécuter des tests unitaires : la commande "ng test" exécutera des tests unitaires et rapportera les résultats des tests.
• Compilez l'application localement : La commande "ng build" compilera l'application et générera un répertoire dist contenant tous les fichiers compilés.

Résumé

Dans le monde du développement web, l'importance des frameworks Node.js et Angular va de soi. Ce guide peut vous aider à installer et à utiliser facilement Node.js et NG. Il peut y avoir quelques modifications mineures dans le processus d'installation, mais la méthode d'installation reste essentiellement la même. Une fois que vous maîtrisez ces compétences, vous devez continuer à apprendre et à pratiquer pour mieux les comprendre et les maîtriser.

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!