本文基于已有博客,记录个人踩坑:
http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/
1、安装JDK
2、安装SDK 此处(PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)
3、设置SDK,此处注意安装对应的包,能多不能少,基本的那几个必须安,首先要设置代理,(mirrors.neusoft.edu.cn port 80)
4、安装node
5、安装git
6、安装react-native命令行工具react-native-cli,需要设置代理(
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
)
以及全局安装:
npm install -g react-native-cli
如果这步搞不定的,可以参考另外一种方法,去github下载开源的压缩包,再执行上面的安装命令,下载地址
7、创建RN项目,观察目录的文件是否增多,如果没有,从前面开始检查
8、运行项目,运行前,先把手机接上去,这样才能连接上设备。此时可以使用电脑端连接工具,下载地址
9、使用IP:port,从浏览器查看,同时在服务端可以查看请求记录,第一打开的时候,很可能是空白,这是因为错误弹出框被阻止了,需要你启动弹出框的权限,方法请移步此处,当出现错误的时候,这个问题解决,错误的原因多半是不能连接server,它会给你三种方法,我用的usb连接电脑,所以运行了命令:
adb reverse tcp:8081 tcp:8081
重新打开看看,是不是可以看见welcome了。
附上成功的图:
安装android studio,集合了对应的sdk版本,下载地址:
http://www.androiddevtools.cn/
对于js编译工具,个人觉得phpstorm更好用。