1. JDK安装
jdk安装完成后,需要配置path环境。
2. 安装Android SDK
本人借助Android Studio这款软件完成,搜索引擎输入搜索即可找到下载资源。
需要配置path,加入如:E:\Android\sdk\platform-tools;E:\Android\sdk\tools;E:\Android\sdk;
3. 安装node.js
由于nodejs中使用GYP进行项目构建管理,而GYP是基于Python的构建工具。因此,需要先安装Python。
此外,在Windows系统下,nodejs采用GYP来生成Visual Studio Solution文件后,需要通过C++的编译器将其编译为二进制文件。因此,又需要先安装C++编译环境。
最后,安装nodejs【墙裂建议选择stable稳定版】。
一系列安装完成后,进入cmd,输入"npm"指令后回车,出现形同以下画面内容,则安装成功。
需要配置path,加入如:E:\Android\Python27;C:\Users\che\AppData\Roaming\npm;
3.* 安装git
git可先不安装,若后续步骤皆安装完毕后。执行react native指令抛错,可考虑是否是这个原因造成。我之前为了排错把这个装上了,结果是nodejs版本问题。所以git是否有影响暂不清楚。故此处标*,望大神日后补充。
4. 安装react-native
在cmd中输入:npm install -g react-native-cli,回车。
【在此之前可将npm切换至国内镜像:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist】
5. 项目初始化
cd选择你想要存放项目的目录下,执行:react-native init cheProject(项目名称),回车。这个过程比较慢,至少10分钟以上。当出现以下画面,恭喜您。
6. 真机调试
手机通过USB连接电脑,切换成调试模式后。在cmd中输入:adb devices,可查看设备是否接入成功。
安卓系统版本大于5.0的直接执行:adb reverse tcp:8081 tcp:8081,实现端口代理配置。【小于5.0参考】
cd至刚才初始化成功的项目目录下,执行:react-native run-android,初次执行react-native需要下载一些文件等,编译完成后会自动一个以你的项目命名的APP至你的手机上。
7. 一些麻烦
- react native创建好项目后首次运行问题
- react-native init project时报错
- react native初始化项目在安卓真机运行问题
- 初始化项目部署至真机时,红屏错误:ReferenceError:Can't find variable:_fbBatchedBridge(...)
Reload JS后,错误变更为:
如果你和我一样,根据网上的方法:Dev Settings > Debug server host & port for device and enter <your IPv4 adress>:8081,然后Relaod JS甚至重启APP都没效果,且用的RN版本是0.18.1。可尝试以下解决方法:
删除 你RN项目下node_modulesreact-deep-force-update.babelrc这个文件。
持续更新...
参考文献:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。