Windows环境下运用Genymotion搭建React Native安卓开发环境

发表于 | 阅读次数:

1、Node.js的安装；win环境下的安装还是挺傻瓜式的，所以只要把安装文件下载下来，安装就可以正常使用了，建议安装最新版的node；官方文档中用了Chocolatey，它是一个Windows上的包管理器，可以像Linux系统一样直接命令行安装比如node、Python之类的包。这里我利用他来安装了Python2[为啥又是2呢:)]，貌似没啥用，可能后期会用到。Chocolatey的安装也很简单，打开cmd命令行，输入如下命令回车即可：

1
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

2、可以安装yarn，当然可以选择npm而无视它，这里我还是比较习惯用npm，不过yarn也安装了，直接利用npm全局安装就可以使用了；
3、React Native依赖于Android SDK以及模拟器，所以需要下载Android Studio[以下简称“AS”]。其实折腾了挺久发现没必要一定要安装AS那么重的应用，当然是对于前端开发来说，所以只需要下载安卓的sdk就可以了，至于怎么下载，自行搜索。为啥不用AS的模拟器，原因很简单，非常卡，所以这里用了官网推荐使用的Genymotion模拟器，很不明白有这样这么神奇，性能好的模拟器，前面还要介绍那么多怎么安装AS，表示没搞懂，可能各有所需吧。下载安装完Genymotion后，打开软件，点击添加一个模拟器，如图所示。选择自己想要的版本号，型号等，然后双击选中，一路next下来，等待下载[过程很久]，然后基本就搞定了，最后启动它。
Genymotion截图
4、安装react-native-cli命令行工具，用来初始化一个react native项目，直接利用npm全局安装即可，安装完毕后，初始化一个简单的项目，命名为My-RN-Project，切换到该文件夹下，打开命令行启动react-native，所有的命令如下：

1
2
3
4
npm install -g react-native-cli
react-native init My-RN-Project
cd My-RN-Project
react-native run-android

5、run-android后，第一次要下载很多文件，过程非常漫长，第二次就会快非常多了，然后我很期待的以为可以看到效果了，果然就被打脸，报了个错误[Could not install the app on the device, read the error above for details.]，然后看了一下输出的信息，发现找不到Java jdk中的tools.jar[Execution failed for task ‘:app:compileDebugJavaWithJavac’.]，看了一下自己的Java环境，发现只安装了jre，jdk并没有安装好，随后下载安装完jdk，并且配置完环境变量后，重启run了一下，发现没问题了，只是屏幕变红，应该是程序出错了，不过至少模拟器跑起来了，后面遇到啥问题，有输出错误信息就好解决了。
6、以上就是Windows环境下运用Genymotion搭建React Native安卓开发环境。
7、参考文档：
https://facebook.github.io/react-native/docs/getting-started.html React Native官方文档
http://reactnative.cn/docs/0.45/getting-started.html#content React Native中文文档
http://www.codesec.net/view/498223.html windows+genymotion搭建react-native安卓开发环境