Comment installer React Native sur Windows Top 10

Comment installer React Native sur Windows Top 10

React Native est un produit de Meta Platforms. Il est non seulement gratuit mais aussi un cadre open source utilisé pour développer des applications Android. Il permet aux développeurs de créer des applications vraiment natives avec différentes capacités. Dans cet article, nous montrerons comment installer React Native Framework sur Windows 10.

Afin d'installer React Native sur Windows 10, voici les étapes que nous allons prendre:

    • Installer un forfait chocolaté
    • Installez les packages Node, Python2 et JDK8
    • Installer Android Studio
    • Configurer le SDK Android
    • Créer une nouvelle variable utilisateur
    • Installer React Native CLI
    • Créer une application native React
    • Exécutez l'application React Native

Commençons!

Conditions préalables

Avant d'installer React Native sur le système Windows, suivez la procédure fournie pour réaliser les conditions préalables.

Étape 1: Installez le forfait chocolaté

Tout d'abord, vous devez installer le forfait chocolaté. À cette fin, ouvrez une invite de commande avec les privilèges administrateurs:


Après avoir ouvert le CMD, vous devez écrire la commande ci-dessous dans la console pour installer Chocolatey sur Windows 10:

> @ "% Systemroot% \ system32 \ windowspowershell \ v1.0 \ PowerShell.EXE "-NOPROFILE -InputFormat Aucun -executionPolicy Bypass -Command" IEX ((New-Object System.Filet.WebClient).Téléchargement à téléchargement ('https: // chocolaté.org / installer.ps1 ')) "&& set" path =% path%;% allusersprofile% \ chocolatey \ bin "



Comme vous pouvez le voir sur la capture d'écran ci-dessus, Chocolatey a déjà été installé sur notre système.

Étape 2: Installez les packages Node, Python2 et JDK8

Ensuite, installez Node, Python2 et JDK8 à l'aide du gestionnaire de package Choco installé:

> Choco Installer -y Nodejs.installer python2 jdk8



Étape 3: Installer Android Studio

Suivez le lien fourni pour télécharger Android Studio:

https: // développeur.Android.com / studio /


Étape 4: Configurer le SDK Android

Configurez le studio Android sur Windows 10. À cette fin, tout d'abord, cliquez sur "Plus d'actions»Et sélectionnez le«SDK Manager«Dans le menu déroulant:


Puis clique "SDK Android">"Plates-formes SDK">"Android 8.0 (Oreo)», Qui a un niveau API (26):


Marque le "Android SDK Build-tools 33”Cochez dans le"Outils SDK«Onglet, cliquez sur«Appliquer", Et frappez"D'ACCORD»:


La procédure ci-dessus installera les composants sélectionnés.

Étape 5: Créez une nouvelle variable utilisateur

Maintenant, créez une nouvelle variable utilisateur. Pour ce faire, ouvrez le «Modifier les variables d'environnement pour votre compte" application:


Ensuite, cliquez sur le surligné "Nouveau”Bouton pour ajouter un nouvel utilisateur variable:


Ajoutez le chemin du dossier Android SDK, définissez le nom de la variable et cliquez sur "D'ACCORD»:

C: \ Users \ Your_Username \ AppData \ Local \ Android \ SDK



Toutes les conditions préalables sont remplies. Maintenant, passez à l'installation de React Native CLI Tool.

Comment installer React Native CLI sur Windows 10?

Nous devons effectuer certaines étapes pour installer React Native sur Windows 10.

Étape 1: Installer React Native CLI

Pour installer React Native, vous devez d'abord ouvrir une invite de commande avec les privilèges administratifs, puis écrire la commande donnée pour React Native CLI Tool Installation:

> NPM Install -g React-Native-Cli



Le natif réactif a été installé avec succès sur Windows 10.

Étape 2: Créer une application native React

À des fins de test, créez une application native React:

> react-native init testproject



Étape 3: Exécutez l'application native React

Exécutez la commande ci-dessous pour lancer l'application nouvellement créée:

> react natif run-android



C'est ça! Nous avons réussi à installer React natif sur notre système.

Comment désinstaller React Native de Windows 10?

Si vous souhaitez désinstaller React natif de Windows 10, ouvrez CMD avec les privilèges administratifs et exécutez la commande suivante:

> npm désinstaller -g react-native-cli-cli



Nous avons fourni des informations détaillées liées à l'installation de React Native sur Windows 10.

Conclusion

Pour installer React Native, vous devez installer Chocolatey, Node, Python2, JDK8, Android Studio et Android SDK. Ensuite, créez une nouvelle variable, définissez le chemin du SDK Android et installez React Native avec le "NPM Install -g React-Native-Cli" commande. Ce manuel a offert la méthode d'installation de react native CLI sur Windows 10.