React-native 环境配置

react native 环境配置模拟器配置简单轻松搞定

需要安装的东西

node.js

node版本应大于12 官网地址nodejs.org/zh-cn/ 无脑下一步即

修改npm的镜像源

    npm config set registry https://registry.npm.taobao.org

yran

代替npm的工具，速度上比npm快

    npm install -g yarn

React-native 脚手架

    npm install -g react-native-cli

JDK

地址 www.oracle.com/java/techno…

必须安装1.8版本，不支持1.9及以上。

下载需要注册，注册就好，嫌麻烦另找网盘资源

配置环境变量 --- 另找文章

Android Studio

地址developer.android.google.cn/studio/

下载，安装无脑下一步

找到Android 10(Q) 下面俩小选择框勾上选上

Android SDK Platform29
Intel x86 Atom_64 System Image

第二个是官方模拟器镜像文件，不用模拟器或者不用官方模拟器的可以不选

继续下一步...

配置环境变量

找到SDK位置默认在这

     C:\Users\用户名\AppData\Local\Android\Sdk

1630921172(1).png

在系统变量Path中添加注意有4个

1630921183(1).png

    %ANDROID_HOME%\platform-tools 
    %ANDROID_HOME%\emulator 
    %ANDROID_HOME%\tools 
    %ANDROID_HOME%\tools\bin

模拟器

1630921362(1).png

添加设备

1630921440(1).png

选择一台设备

1630921505(1).png

1630921544(1).png

下载第一个，我这边已经下载过了 ...

双击运行模拟器

1630921698(1).png

屏幕上应该会有一台手机

打开cmd 输入adb devices查看模拟器地址如果没有地址，那么就是模拟器未开启如果adb不是命令，那么 sdk 环境变量配置出错了，建议检查一遍

1630921853(1).png

创建React native项目

    npx react-native init 项目名称

可以使用vscode打开看一下目录

1630921996(1).png

运行

    yarn android
    或
    yarn react-native run-android

打开模拟器 - 出现以下画面就成功了

1630922119(1).png

到此结束

总结：Android SDK 与 Android Studio 安装以及模拟器配置较为复杂建议慢慢来，还有环境变量的配置，不可心急

React-native 环境配置