2

1. JDK安装

jdk安装完成后,需要配置path环境。

2. 安装Android SDK

本人借助Android Studio这款软件完成,搜索引擎输入搜索即可找到下载资源。
clipboard.png

clipboard.png

需要配置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"指令后回车,出现形同以下画面内容,则安装成功。

clipboard.png

需要配置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分钟以上。当出现以下画面,恭喜您。

clipboard.png

6. 真机调试

手机通过USB连接电脑,切换成调试模式后。在cmd中输入:adb devices,可查看设备是否接入成功。
安卓系统版本大于5.0的直接执行:adb reverse tcp:8081 tcp:8081,实现端口代理配置。【小于5.0参考
cd至刚才初始化成功的项目目录下,执行:react-native run-android,初次执行react-native需要下载一些文件等,编译完成后会自动一个以你的项目命名的APP至你的手机上。

clipboard.png

clipboard.png

7. 一些麻烦

  1. react native创建好项目后首次运行问题
  2. react-native init project时报错
  3. react native初始化项目在安卓真机运行问题
  4. 初始化项目部署至真机时,红屏错误:ReferenceError:Can't find variable:_fbBatchedBridge(...)
    clipboard.png

Reload JS后,错误变更为:
clipboard.png
如果你和我一样,根据网上的方法: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这个文件。


持续更新...


参考文献:

  1. react native中文网
  2. pomelo windows 环境下开发环境搭建

花田土著
190 声望34 粉丝

希望加入有意思的开发团队!