react-native windows 环境搭配

安装JDK

从Java官网下载JDK并安装。请注意选择x86还是x64版本。

推荐将JDK的bin目录加入系统PATH环境变量。

安装Android SDK

可以单独安装Android SDK，也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio，以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。

为了加速下载，推荐从AndroidDevTools下载。

然后进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager)，确保以下项目已经安装并更新到最新：

Tools/Android SDK Tools (24.3.3)

Tools/Android SDK Platform-tools (22)

Tools/Android SDK Build-tools (23.0.1)

Android 6.0 (API 23)/SDK Platform (1)

Extras/Android Support Library(23.0.1)

推荐使用腾讯Bugly的镜像加速下载。查看说明

推荐将SDK的platform-tools子目录加入系统PATH环境变量。

安装node.js

从官网下载node.js的官方4.1版本或更高版本。本来在电脑上已经有低版本的node，想到要升级node最新版本，于是搜了一下node的版本控制，发现n和nvm是mac专用，但是nvmw是windows的node版本控制。但是用它之后发现nvmw只适用于v0.10.0之前的版本，因为在下载node的exe文件时会自动在你输入的版本号的目录下找x64下的node.exe文件，但是node在v0.10.0之后的版本，node就改变了自己的目录结构。

nvmw找文件的路径

现在node的目录结构

安装Python
从官网下载并安装python 2.7.x

安装react-native命令行工具

npm install -g react-native-cli

创建项目

进入你的工作目录，运行

react-native init MyProject

在这个过程中遇到一个问题：not found git,解决方式就是把git的bin文件配置在路径里面。还有一个问题是config error,解决方法是：git config --system core.longpaths true。

运行项目

进入项目目录,运行下面的命令：

react-native start

可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的脚本。第一次访问通常需要十几秒。访问页面如下

在安卓手机上运行

react-native run-android

这个过程要先确定有手机或者模拟器链接了电脑，安卓模拟器运行卡电脑，果断用真机调试，用手机连接电脑后要打开手机开发者调试，运行adb devices查看手机是不是已经正确连接：

这样就是已连接，若出现：

则表示设备没连接上，如果确实手机已连接电脑，就先adb kill-server命令，再连接一次，就能成功了。连接成功后会在手机显示该应用，点开后，界面可能回显示红色，Unable to download JS bundle
只要摇一下手机，在dev setting中设置你电脑的IP：端口，在reload一下就可以了。
这个过程可能会出错，按照提示修改一下，再多试几次就可以了。

接下来的学习就是按照http://react-native.cn/中文官网开始学习了。给自己加油！这是第一次写文章，有错误的地方希望指正。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!