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

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

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

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

首先找到手机开发者选项在这里插入图片描述
找不到开发者选项的那就自行百度吧在这里插入图片描述
要打开USB调试,同时允许USB安装,因为在运行的时候会向手机中安装你当前项目的apk。

书洞笔记

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值