共计 1822 个字符,预计需要花费 5 分钟才能阅读完成。
说明:
- Windows 下搭建 React Native Android 开发环境和基本的 React Native 项目搭建
- 环境变量添加控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
- 项目搭建调试方式采用真机调试,如需使用 Android 模拟器
- 参考文档 https://reactnative.cn/docs/g…
一、环境搭建
1. 安装的 java jdk
Java JDK 官网
安装就是下一步下一步下一步
1.1 修改环境变量,新增 JAVA_HOME
的系统环境变量,值为C:\Program Files (x86)\Java\jdk1.8.0_112
,也就是安装 JDK 的根目录
1.2 修改系统环境变量 Path
,在Path
之后新增%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
1.3 新建 系统环境变量CLASSPATH
,值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
1.4 保存所有的系统环境变量,同时退出系统环境变量配置窗口,然后运行 cmd 命令行工具,输入javac
,如果能出现 javac 的命令选项,就表示配置成功!
2 安装 Node.js 环境
node.js 中文网
安装就是下一步下一步下一步
2.1 注意:需要安装最新的长期稳定版本,不要实验版本;安装完毕之后的 node.js 会自动配置到全局系统环境变量中
安装完毕后,可以输入 node -v
查看 node 版本号;
3. 安装 C ++ 环境
3.1 大多数情况下操作系统自带 C ++ 环境,不需要手动安装 C ++ 环境;
如果运行报错,则需要手动安装 visual studio 中的 C ++ 环境;
4. 安装 Git 环境(一个可选的操作)
Git 官网
4.1Git 安装完毕后,会自动配置到系统环境变量中;
可以通过运行 git --version
来检查是否正确安装和配置了 Git 的环境变量;
5. 安装 Python 环境
这里选择 2.7 版本 python 官网
5.1 注意:安装 Python 时候,只能 安装 2.×的版本,注意勾选安装界面上的Add Python to path
,这样才能自动将 Python 安装到系统环境变量中;
5.2 安装完毕之后,注意应该以管理员身份在命令行中运行python
,检查是否成功安装了 python。
6. 配置安卓环境
Android Studio 下载
安装就是下一步下一步
6.1 安装完成点击 ”Configure”,然后点击 ”SDK Manager”
6.2 在 SDK Manager 中选择 ”SDK Platforms” 选项卡,然后在右下角勾选 ”Show Package Details”。展开 Android 6 勾选图中标注的 2 选项,展开 Android 9 (Pie)勾选图中标注的 3 选项
6.3 在 SDK Manager 中选择 ”SDK Tools” 选项卡, 勾选图中标注的 1 的选项
6.4 在 SDK Manager 中选择 ”SDK Tools” 选项卡, 然后在右下角勾选 ”Show Package Details”, 选中图 2 所需包
勾选完成点击安装
6.5 配置安装环境变量:在系统环境变量中新建ANDROID_HOME
,值为 android SDK Manager 的安装路径C:\Android
,紧接着,在 Path 中新增 `;%ANDROID_HOME%tools;%ANDROID_HOME%platform-tools;
二、初始化项目
1. 初始化一个项目
注意:项目名必须是英文,且项目存放文件夹路径不得有中文
react-native init 项目名
2. 看到如下图表示初始化一个项目完成
3. 使用 adb devices
查看是否有设备连接
3.1 使用数据线,把手机链接到电脑上;
3.2 运行 adb devices
的命令,这个命令,是安卓开发环境提供的;
3.3 需要先开启手机的开发者模式,如果开启开发者模式之后,还是看不到设备,则尝试安装 豌豆荚 这样的工具,让这些工具帮助你在电脑上安装手机的驱动;
4. 首先 cd
切换到当前项目目录然后输入打包编译命令 react-native run-android
4.1 打包运行项目,把打包好的项目部署到手机中!
- 确保手机已经正确的链接到了当前电脑上,同时手机开启了开发者调试模式;可以使用 adb devices 来查看当前链接到电脑上的手机设备列表!
- 当确认手机正确链接到电脑上之后,可以运行 react-native run-android 来打包当前项目,并把打包好的项目以调试的模式安装到手机中!
5.React Package 窗口的作用
正文完