react-native安卓环境配置

一.安装步骤文档

https://reactnative.cn/docs/getting-started/

二. 安装依赖

必须安装的依赖有:Node、JDK 和 Android Studio。

  1. 官网下载Node.js,版本应大于等于 12。
  2. 配置JDK,而 JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)下载地址
    (1) 安装java开发的JDK(建议安装在C盘)
    (2) 配置环境变量
    右击“我的电脑”–>“属性”–>“高级系统设置”–>“高级”–>“环境变量” react-native安卓环境配置_第1张图片
    在系统变量里新建"JAVA_HOME"变量,变量值为:C:\Program Files\Java\jdk1.8.0_60(JDK的安装路径);
    系统变量中 找到path 编辑
    加入 %JAVA_HOME%\bin
    加入 %JAVA_HOME%\jre\bin
    react-native安卓环境配置_第2张图片
    测试是否成功
    cmd进入可以看到版本号
    javac -version
  3. Android 开发环境
    (1)下载 Android Studio包,以管理员省份运行android的安装包,全程下一步
    (2) 配置环境变量
    react-native安卓环境配置_第3张图片react-native安卓环境配置_第4张图片

三、创建并运行RN项目

  1. 创建项目npx react-native init AwesomeProject
  2. cd AwesomeProject
  3. yarn react-native run-android
    注意:启动时可能遇到报错,如下图
    react-native安卓环境配置_第5张图片
    此时我们需要在Android Studio更新JDK版本:
    react-native安卓环境配置_第6张图片
    重新输入命令行就可以启动项目了;

你可能感兴趣的:(react-native,React.js,前端)