安装JDK
从Java官网下载JDK并安装。请注意选择x86还是x64版本。
推荐将JDK的bin目录加入系统PATH环境变量
安装Android SDK
可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。
为了加速下载,推荐从AndroidDevTools下载。
安装node.js
从官网下载node.js的官方4.1版本或更高版本。
安装react-native命令行工具
官方的安装方法是
npm install -g react-native-cli
推荐使用淘宝npm镜像,配置淘宝镜像可参照:http://blog.csdn.net/u010948188/article/details/50629137
但是由于npm上的版本在windows下存在BUG,因此需要安装github上的master支线,否则会在下一步骤报以下错误:
This will walk you through creating a new React Native project in *** events.js:141 throw er; // Unhandled 'error' event ^ Error: spawn npm ENOENT at exports._errnoException (util.js:837:11) at Process.ChildProcess._handle.onexit (internal/child_process.js:178:32) at onErrorNT (internal/child_process.js:344:16) at doNTCallback2 (node.js:429:9) at process._tickCallback (node.js:343:17) at Function.Module.runMain (module.js:477:11) at startup (node.js:117:18) at node.js:951:3
如果您看到本文时0.12已经发布,那很可能直接输入上面的命令就行了。如果0.12还没有发布,请进行以下步骤:
在React Native的Github页面右侧点击Download ZIP,下载后解压,并执行以下代码:
cd **解压的目录** cd react-native-cli npm install -g
创建项目
进入你的工作目录,运行
react-native init MyProject
安卓运行
react-native run-android
此时打开APP会发现是白屏的情况,不要急慢慢来,首先权限设置里面允许使用悬浮窗,然后在此打开的话会看见见面一片红的,摇晃手机,选择dev-setting,再点击Debug server host & port for device 这个item,设置电脑的ip和端口号,默认端口8081(手机和电脑必须在同一网络环境下),如下图:
cmd到项目目录,执行 react-native start 。手机在此将项目打开就可以了。