Présentez brièvement le processus de création d'un projet React et d'installation des dépendances

Cet article vous apporte une brève introduction au processus de création d'un projet React et d'installation des dépendances. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

1. Prérequis

Assurez-vous d'abord que node.js a été installé...

Une fois l'installation terminée, ouvrez la ligne de commande cmd et entrez node -v et npm -v pour vérifier le numéro de version. S'il s'affiche, l'installation est terminée.

2. Installer React Scaffolding

　Entrez dans la ligne de commande cmd : npm install -g create-react- app En attente de son installation

3. Créer un nouveau projet React

Le projet créé est installé dans l'utilisateur répertoire par défaut et vous souhaitez le modifier Le répertoire peut faire référence à la commande suivante :

　Entrez dans la ligne de commande cmd : d: (Sélectionnez le lecteur D)

　Entrez dans la ligne de commande cmd :cd d:reactDemo (Entrez le dossier spécifié dans le lecteur D)

Exécutez la nouvelle commande du projet : create-react-app my-new-app ("my-new-app" C'est le nom du dossier du répertoire racine de votre projet)

Continuez à attendre longtemps.... Rappelez-vous.. .pas de panique

4. Installer la commande Taobao cnpm

L'obtention de npm prend un peu de temps. Il est recommandé d'utiliser le cnpm de l'équipe Taobao

Saisissez dans la ligne de commande cmd : npm install -g cnpm --registry=https://registry.npm.taobao.org

Entrez cnpm -v pour voir si l'entrée est normale. Aucune erreur n'est signalée. Indique que l'installation a réussi

. 5. Installez les packages de dépendances requis

Entrez dans la ligne de commande cmd : cd d:reactDemo my-new-app (Entrez le chemin de votre nouveau fichier de projet)

Continuez cmd comme suit :

npm init (puis entrez jusqu'au bout)

cnpm install --save réagir réagir-dom (Importer réagir et réagir-dom dans ce répertoire)

cnpm install --save réagir-router-dom (routage réagir, sera utilisé à l'avenir )

Continuez à attendre...

Démarrez le projet

Assurez-vous que le répertoire cmd se trouve dans le répertoire racine de votre projet : d:reactDemo my-new-app

Démarrez le projet : npm start Après le démarrage, la fenêtre de la page Web de localhost:3000 apparaîtra automatiquement

Si vous souhaitez fermer le projet, fermez simplement la fenêtre CMD directement, ou utilisez Ctrl+C, Entrez Y et quittez

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!