react-native初尝试-环境搭建

基于windows、android环境搭建

一、基本工具安装

1. jdk1.8安装并配置环境变量，同java开发
2. node.js安装(自带npm)
3. python安装

二、开发工具安装

1. Android Studio安装及SDK Manager配置。注意：在安装Android Studio的过程中，当选择Android SDK Location时最好选择一个剩余很大容量的磁盘，因为SDK相关内容会占据很大空间。
2. 用npm安装yarn和react-native-cli，npm install -g yarn react-native-cli

三、配置

1. 新增ANDROID_HOME环境变量，指向了安装的Android SDK的路径：E:\develop-tool\Android\Sdk
2. 修改PATH变量，把E:\develop-tool\Android\Sdk\platform-tools和E:\develop-tool\Android\Sdk\tools添加到其中，方便在命令行中调用工具。

四、创建模拟器并启动
在Android Studio安装及SDK Manager配置完后，新建一个Android应用，并创建一个模拟器。

注意：因为这里是用的Android Studio自带的模拟器，所以第一次需要新建一个安卓应用，才能创建模拟器，除此之外也可以用单独的模拟器比如Genymotion、Visual Studio Emulator for Android等。

五、创建react-native应用

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

执行结果：

1.生成一个AwesomeProject项目，开发就在这上面进行

2.启动一个服务器，可通过浏览器验证

3.页面效果出现在模拟器中

六、小结

1. 模拟器的启动方式可以优化，可以直接命令行中执行启动命令
2. 新建Android项目时可能报错，根据错误提示信息操作一般就可以解决
3. 如果创建的Android项目构建失败，创建模拟器的图标会失效