RN的环境配置

最近两天在研究使用react-native开发移动App,但是开发前的第一关配置环境就让我歇火了,这两天配置环境我心态都崩了呀,还好略有成效,可以做一下简单分享,毕竟配置react-native的环境 出错的原因有一百种哦!!!

安装整个环境涉及到JAVA、Node.js、C++、git、python、Android这些环境。node.js和git环境比较简单,之前都会有用过的,至于C++环境,电脑自带集成的都有不用操作,所以只是针对其它的环境配置。

  • java环境配置
    软件都是傻瓜式安装,对于不熟练的人来说,默认安装位置就安装在C盘吧。在开始安装的是JDK,在安装一半的时候会安装jre,这里我安装在D盘的java目录中,要保证jdk和jre在同一目录下。
    RN的环境配置
    修改环境变量,新增JAVA_HOME的系统环境变量,值为安装的JDK目录
    RN的环境配置
    改系统环境变量PATH,新增两个bin
    RN的环境配置
    新建环境系统变量CLASSPATH,值为JDK文件夹中lib中dt.jar和tool.jarRN的环境配置
    RN的环境配置
    这个新建变量的时候选值不好选,不应该浏览目录,而是需要浏览文件这里需要添加两个文件,所以可以找到第二个文件的目录,用分号粘贴在第一个后面即可,最后运行cmd命令窗口,输入javac,如果出现javac的命令选项,则配置成功
  • 配置python环境
    pyton环境还是比较简单的,但是要注意的是react-native目前支持的2.x版本,在安装的时候要把最后一个选项勾选,那是安装完会添加系统环境变量,如果没勾选,需自己手动添加系统环境变量。RN的环境配置
  • Android环境配置
    配置Android环境前面的环境其实没多大问题,难就难在Android配置上,真的是不友好,而且还是重点
    先安装Android SDK Tools,安装成功后可以直接打开,也可以在安装目录中打开,我这里也是安装在D盘RN的环境配置
    RN的环境配置
    安装完软件以后就需要去下载对应的SDK了
    打开这个软件的时候如果没有按照上面的操作去执行的话,里面是空的
    RN的环境配置
    先展开Tools,下载所需的SDK
    RN的环境配置1、第一个SDK是必须要下载的
    2、第二个SDK也是必须要下载的,不过这个SDK有许多版本,所以下载的版本需要和自己项目用的RN相兼容
    3、我使用的RN是最新版的0.63,所以配对使用的打包工具是28.0.3,如果不知道需要下载什么版本,在运行打包编译的时候,会出现报错,会出现Android SDK Build-tools这种关键字眼,后面有需要下载的版本
    然后需要下载针对不同手机安卓版本的工具,现在安卓版本怎么也得到10了吧,可以多下几个版本
    RN的环境配置
    RN的环境配置
    最后还需要下一些扩展
    RN的环境配置
    以上就是运行安卓所需要的SDK,下载完成就需要配置本地环境变量RN的环境配置
    然后在系统环境变量path中继续添加RN的环境配置
    这里环境配置就算ok了

条件有限没有macOS,所以只讲开发安卓的操作

其实在环境装好了以后还需要安装手机模拟器,像我这种能偷懒的绝对不会去受累的

不安装模拟器还是有其它的方式解决的,那就是用数据线把手机连接到电脑就可以了。连接成功后可以运行CMD命令窗口输入adb devicesRN的环境配置
最后需要注意的是要打开手机的权限,因为在运行项目调试项目时,会向手机安装当前项目的apk,所以你得提供手机的权限

首先找到手机开发者选项RN的环境配置
找不到开发者选项的那就自行百度吧RN的环境配置
要打开USB调试,同时允许USB安装,因为在运行的时候会向手机中安装你当前项目的apk。

可以关注我的公众号:你好旧时光丫,不定期发布干货