Windows平台RN环境配置爬坑

---

• 首先，Windows平台环境配置可以参考 这里，写的很详细。或者参考 官方文档
• 其次，必须安装的有：Node, Python2, JDK，Android SDK，其中Android Studio 默认会安装最新版本的 Android SDK,所以需要安装Android Studio
• 主要分析下配置过程中碰到的两个坑：
  • 安装Android Studio 时系统环境变量配置问题
  • 执行 npm install -g yarn react-native-cli 后，项目初始化时，提示react-native 命令无法识别问题。

---

环境变量配置问题

• React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径，从而正常进行编译。这里我在配置的时候，由于不清楚用户变量&系统变量的区别，加上文档没细看。所以在用户变量中操作一顿之后，在dos命令窗口输入 adb，提示：

• 系统变量&用户变量
  • 系统变量：一旦配置了系统环境变量后，只要是使用这个操作系统的人，不管任何用户（一个操作系统一般可以设置多个用户）都能通过这个环境变量直接在doc命令窗口直接找到相应程序
  • 用户变量：是独属于某个用户的，一般那个用户配置的它，它就是那个用户的。也只有配置这个环境变量的用户才能使用它

• 所以，正确步骤如下：
  • 在系统变量中 新建=>变量名：ANDROID_HOME（右键点击我的电脑–>属性–>高级–>环境变量–>系统变量–>新建）变量值：（android sdk所在目录，如上图）
  • 在系统变量中双击Path，同时新增=>%ANDROID_HOME%\tools与%ANDROID_HOME%\platform-tools到path中，tools目录运行android命令，platform-tools目录运行adb命令
  • 在dos命令窗口输入adb验证安装是否成功。

---

react-native命令无法识别问题

• 跟着文档配置好：Node, Python2, JDK， Android SDK后，执行npm install -g yarn react-native-cli后，执行项目初始化命令react-native init ProjectName时，提示命令不是内部或外部命令，而此时dos命令窗口均可以验证node,npm等等其它配置没有问题，react-native还是无反应。。。。。奇葩+无可奈何。。。
• 最后尝试卸载node，并且改在D:盘根目录下安装nvm，注意：需要在D:\nvm中手动添加nodejs文件夹，用于指定多个node版本存放目录。
• 执行nvm install 8.11.3安装时，会自动下载npm版本，如果此时网络不给力，会提示超时报错，需要重新执行安装命令。
• 安装完毕后，执行npm install -g yarn react-native-cli，然后react-native init RNProject，终于成功。。
• 分析：可能是C:\users目录有用户权限问题，或者其它原因，导致node有点问题初。另外，nvm只是一个node版本管理工具，可自行选择是否安装。

---

Hello World

• 按理说初始化项目后，执行react-native init RNProject，然后再项目目录下执行react-native run-android，结果：
  又双叒叕报错了。。。我只想看到Hello World
• 查了下对应的解决方法，还是没效果。
• 嗯！太晚了，还是明天再战：(

转载于:https://juejin.im/post/5b67aaf0e51d4519596bd41c