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:
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.