react-native环境安装

react-native环境安装1.安装jdk点击下一步这里的目录安装到你想安装的目录这里javajdk就安装完成了安装完成后配置环境变量依次点击此电脑—属性—高级系统设置—环境变量设置JAVA_HOME值位jdk的根目录设置PATH%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;设置CLASSPATH%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar环境变量配置完成后win+R输入cmd回车在黑框中输入javac命令来检查是否安装成功2.安装node.js点击下一步正在安装安装完成点击finish安装完成后win+R输入cmd回车在黑框中输入node-v命令来检查是否安装成功3.安装python选择第一个点击下一步正在安装中安装完成点击finish4.将react-native文件夹拷贝到你安装的目录下然后在黑框中输入以下命令e:cdreactcdreact-nativecdreact-native-clinpminstall-g命令执行完毕首先创建我们的第一个项目在安装目录中新建一个文件夹命名为xiangmu然后用命令符进入到这个文件夹e:cdreact/xiangmu新建Hello项目react-nativeinitHello创建项目可能需要一段时间，在创建项目的时候需要联网项目创建完成我们可以看到在项目文件夹中多了一个Hello文件夹这就是我们刚刚执行命令所创建的项目在Hello文件中我们看到结构目录是这样的5.安装Androidstudio在安装过程中把安装目录改成你想安装的目录安装完成后点击Configure下的SDKManager在SDKPlatforms窗口中，选择ShowPackageDetails，然后在Android6.0(Marshmallow)中勾选GoogleAPIs、AndroidSDKPlatform23、Intelx86AtomSystemImage、Intelx86Atom_64SystemImage以及GoogleAPIsIntelx86Atom_64SystemImage。在SDKTools窗口中，选择ShowPackageDetails，然后在AndroidSDKBuildTools中勾选AndroidSDKBuild-Tools23.0.1（必须是这个版本）。然后还要勾选最底部的AndroidSupportRepository.配置ANDROID_HOME环境变量确保ANDROID_HOME环境变量正确地指向了你安装的AndroidSDK的路径。你需要关闭现有的命令符提示窗口然后重新打开，这样新的环境变量才能生效。6.启动后台服务首先使用命令进入到Hello文件夹e:cdreact/xiangmu/Hello然后输入react-nativestart启动后台服务第一次启动可能会有些慢稍等一会就好然后打开浏览器在地址栏输入出现一片代码说明成功了7.打开手机模拟器8.保证第六步的窗口不关闭，在新开一个cmd窗口，把目录定位带Hello，然后执行react-nativerun-android第一次run-android会下载一些东西耐心等它下载完就可以成功后模拟器会变成这样9.我们可以通过修改index.android.js中的代码看模拟器是否有变化