Comment créer un projet React dans Webstrom

Comment créer un projet React par Webstrom : installez d'abord webstorm et React.js ; puis ouvrez l'interface du logiciel, cliquez enfin sur "Fichier" - "Nouveau projet" - "React APP" ; remplissez « Nom du projet » et d’autres informations pertinentes.

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

Recommandé : "Tutoriel de base de JavaScript"

1. Avant de vouloir utiliser React.js, node.js doit être installé sur votre ordinateur. S'il n'est pas installé, vous devez d'abord vous rendre sur le site officiel ou sur d'autres canaux pour le télécharger et l'installer et configurer l'environnement. Entrez ensuite la commande suivante dans la fenêtre de commande pour télécharger la boîte à outils d'échafaudage create-react-app :

npm install -g create-react-app

2. Après l'installation, installons l'outil webstorm.

3. Après une installation réussie, ouvrez l'interface du logiciel et choisissez de créer un nouveau projet. Le nom du nouveau projet ici est demo1 :

<.>

4. Après avoir attendu un moment, le projet est créé, il suffit de saisir dans la fenêtre Terminal :

npm start

5. Démarrez avec succès

6. À ce moment, nous entrons : http://localhost:3000/ sur le navigateur pour voir l'interface de démarrage.

À ce stade, nous avons créé et démarré le projet. Si vous devez écrire des pages vous-même, vous pouvez modifier la page index.js

et l'ouvrir dans le navigateur pour voir l'effet de votre modification.

L'essentiel est que si nous voulons écrire React.js, alors le package React et le composant doivent être introduits en tête du fichier.

import React,{Component} from 'react';
import ReactDOM from 'react-dom';

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!