react-native的环境搭建
最近因岁寒三友小组准备进行技术方面分享,由于本期由胖大星分享react-native,对react-native没有进行过开发的我进行了了解学习,其中查了一些资料也遇到了一些报错,但最终也算找到了解决方案,分享一下。
1.准备工作
可以按照官网给出的搭建环境步骤进行https://reactnative.cn/docs/getting-started.html
简单的说一下必备的几个安装流程:
根据你的具体情况进行开发平台目标平台的选择一下以windows开发平台Android目标平台为例:
1.1首先安装依赖
必须安装的依赖有:Node、Python2、JDK 和 Android Studio。
(这里虽然安装了Android Studio并不是必须使用它作为开发工具,但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境,可以选择顺手的VSCode或者Webstorm等熟悉的工具开发 但这里安装是必须的,注意 Node 的版本应大于等于 12,Python 的版本必须为 2.x(不支持 3.x),而 JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)
这里android的开发环境详细安装过程可以参考官网,不再赘述。
1.2配置环境变量
安装完相关的依赖进行环境变量配置,首先JDK相关配置参考链接 https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
配置后切记别忘了检测JDK是否配置成功,做到一步步不出问题。
其次根据react-native提示的配置 ANDROID_HOME 环境变量。
1.3创建项目运行
配置好上述的相关环境,可以按照官网进行android studio模拟器下载安装并启动项目,这里不详细说,但个人觉着自带模拟器下载不方便,下面详细说下安装第三方模拟器调试开发。
(虽然第三方模拟器广告多,但感觉启动比较快一些。)
我这里安装的是夜神模拟器,但其中也发生了一些小插曲,当模拟器启动后运行项目会提示错误信息Failed to install the app .Make sure you have the Android development environment …
如果在android studio上运行成功,并且第三方模拟器正常运行,就可以考虑adb(想详细了解可以自行百度)没有监听到模拟器从而顺利进行通讯。
so:
打开dos命令 输入: adb devices 发现
并没有检测到相关的ip端口监听到模拟器。
1.3.1
dos命令输入: adb version
f
找到相关的第三方模拟器这里以夜神为例:
查看其对应的版本:
可以将此文件所在目录路径配置到环境变量的path下
在dos命令直接输入: nox_adb version
检测相应的版本是否与上述一致 如果不一致用上述的覆盖当前的 nox_adb.exe。
(可命名为nox_adb)再进行测试
dos命令 输入: adb devices 发现
此时说明链接成功!
这时候就可以在对应的项目工程下运行项目(react-native run-android)进行调试咯!