当前位置: 首页>后端>正文

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

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

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

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

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

原文阅读


https://www.xamrdz.com/backend/3jw1925064.html

相关文章: