Maison >interface Web >js tutoriel >Comment télécharger le package React

Comment télécharger le package React

藏色散人
藏色散人original
2020-12-03 09:39:229616parcourir

Comment télécharger le package React : installez d'abord l'échafaudage React ; puis installez l'outil de commande Taobao cnpm ; puis utilisez la commande cd pour entrer dans le répertoire du fichier du projet ; Commandes cnpm install dependante package name" Dépend simplement du package.

Comment télécharger le package React

L'environnement d'exploitation de ce tutoriel : système Windows 7, version React 17.0.1, ordinateur Dell G3.

Recommandé : "Tutoriel vidéo React"

Comment télécharger le package de dépendances React

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 si c'est le cas. affiché, l’installation est terminée.

2. Installez React Scaffolding

Entrée dans la ligne de commande cmd : npm install -g create-react-app et attendez son installation

3. project

Le projet créé est installé dans le répertoire utilisateur par défaut. Si vous souhaitez changer de répertoire, vous pouvez vous référer à la commande suivante :

Saisissez dans la ligne de commande cmd : d : (sélectionnez le lecteur D)

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

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

Continuez à attendre longtemps.... N'oubliez pas... ne paniquez pas

4. Installez la commande Taobao cnpm

npm pour en obtenir. Cela prend du temps. Il est recommandé d'utiliser le cnpm de l'équipe Taobao

et de saisir dans la ligne de commande cmd :

npm install -g cnpm --registry=https://registry.npm.taobao.org
<.>Entrez cnpm -v. Si l'entrée est normale et qu'aucune erreur n'est signalée, cela signifie que l'installation a réussi

5 Installez les packages de dépendances requis

Entrez la commande cmd. ligne :

cd d:reactDemo my-new-app  (进入你新建的项目文件路径)

Continuez cmd comme suit :

npm init   (然后一路回车)
cnpm install --save react react-dom       ( 在该目录下导入react和react-dom)
cnpm install --save  react-router-dom   (react路由,以后会用到)

Continuez à attendre...

Démarrez le projet

Confirmez que le répertoire cmd est sous le répertoire racine de votre projet : d:reactDemo my-new-app

Démarrez le projet : npm start Il sera automatiquement La fenêtre de la page Web de localhost:3000 apparaît

Si vous le souhaitez fermez le projet, fermez simplement la fenêtre CMD, 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn