踩坑之路:史上最详细Windows版本搭建安装React Native环境配置

原创
2016/05/29 18:02
阅读数 1K

本文基于已有博客,记录个人踩坑:

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更好用。

展开阅读全文
打赏
0
22 收藏
分享
加载中
遇到问题的童鞋欢迎留言
2016/06/01 11:10
回复
举报
更多评论
打赏
1 评论
22 收藏
0
分享
返回顶部
顶部