RN的win7开发环境部署和问题解决

1安装node,配置环境变量

2.安装Android studioe,配置环境变量

3.安装python2

注意 Node 的版本必须高于 8.3，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本）。安装完 Node 后建议设置 npm 镜像以加速后面的过程（或使用科学上网工具）。

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

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

安装完 yarn 后同理也要设置镜像源

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

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名

创建新项目:

react-native init FirstAPP

提示：你可以使用--version参数（注意是两个杠）创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。

Windows 用户请注意，请不要在某些权限敏感的目录例如 System32 目录中 init 项目！会有各种权限限制导致不能运行！

cd FirstAPP
react-native run-android

这里建议用Android studio运行项目app

---

红屏问题解决:

• 确保包服务器在运行
• 确保你的设备或者模拟器连接着电脑，并且手机打开了USB调试模式，然后在cmd中运行adb devices来查看已经连接好的设备列表
• 确保飞行模式是关闭的
• 如果是使用真机来开发，输入 adb reverse tcp:8081 tcp:8081来检查设备

---

检查包服务器在运行方法

       在项目文件夹下输入react-native start或者npm start均可开启服务器，但是我们需要在PC端确认包服务器是否运行正常。检查网址为：http://localhost:8081/index.android.bundle?platform=android

如果无法显示,则在cmd 窗口中输入 npm start 回车 ,再次检查该网址.运行正常,建议使用真机测试输入 adb reverse tcp:8081 tcp:8081,重新加载app,运行即可