React Native 学习：Windows 上搭建环境踩坑记录

今天领导下达任务，要我和YY俩人在项目闲置这段时间学学 React Native。领导一声吼，小猿满地走。搞起！

去年听说 React Native 的时候还只能在 Mac 上开发，现在也可以在 Windows 上开发了！ 首先搭建环境，按照React Native 中文文档上写的先下载Chocolatey，一个windows包管理软件，结果我怎么都下载不成功，算了，还是找其他前辈的文档吧。

在先后尝试了几个文档失败后，终于找到一个靠谱的教程，按照这个教程说的进行下载配置。

在进行到第五步，输入

react-native init reactNative

这里写图片描述

出现这个界面好久好久，听人家的要等五十分钟，结果硬等了那么久还是没反应。

最后从一个网友的帖子，得知这个过程需要从国外网站下载 好几十兆 ，需要有个 vpn 或者镜像才行，输入他建议的

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

设定国内镜像，再初始化

react-native init reactNative

这次没多久就好了！插上手机，输入

react-native run-android

它会开启本地服务器，同时打包 React Native 代码到手机。

本地服务器地址

http://localhost:8081/index.android.bundle?platform=android

手机运行起来后出现红色的，

这里写图片描述

搜索后需要在 Dev Settings -> Debug server host 中输入 ip，别忘了添加端口 :8081

xxx.xxx.xxx.xxx:8081

至此， Reload 后就正常了！