ReactNative 环境搭建

搭建开发环境(0.61)

window环境搭建

---

1.安装依赖

必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio

==注意事项==

Node 的版本必须大于等于 10

Python 的版本必须为 2.x（不支持 3.x）

JDK 的版本必须是 1.8

python 和 JDK 需要配置环境变量(具体自己百度)

2.安装React Native 的命令行工具（react-native-cli）

react-native-cli 是原生的命令行工具,用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g react-native-cli 
或
yarn add -g react-native-cli

3.搭建Android 开发环境

1. 安装 Android Studio

首先下载和安装 Android Studio，国内用户可能无法打开官方链接，请自行使用谷歌为我们提供的中文下载链接。安装界面中选择"Custom"选项，确保选中了以下几项：

Android SDK

Android SDK Platform

Performance (Intel ® HAXM) (AMD 处理器看这里)

Android Virtual Device

然后点击"Next"来安装选中的组件。

如果选择框是灰的，你也可以先跳过，稍后再来安装这些组件。

安装完成后，看到欢迎界面时，就可以进行下面的操作了。

2. 安装 Android SDK

可以通过Android Stuid 安装SDK

你可以在 Android Studio 的欢迎界面中找到 SDK Manager。点击"Configure"，然后就能看到"SDK Manager"

SDK Manager 还可以在 Android Studio 的"Preferences"菜单中找到。具体路径是Appearance & Behavior → System Settings → Android SDK。

还可以通过Androiddevtools国内的一个Android开发的下载平台下载

Android SDK ->SDK tools ->下载 installer_r24.4.1-windows.exe 然后自行下载你所需的组件

3.配置 ANDROID_HOME 环境变量

自行百度配置(如果还不会,你不适合这一行)

4.创建新项目

使用 React Native 命令行工具来创建一个名为"newProject"的新项目：

react-native init newProject

5.编译并运行 React Native 应用

确保你先运行了模拟器或者连接了真机，然后在你的项目目录中运行 react-native run-android

cd newProject
react-native run-android

如果成功运行,你就会看到如下界面

微信图片_20191201141351.jpg

==如遇执行react-native run-android node 闪退==

找到 node_modules\metro-config\src\defaults\blacklist.js

/node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/

替换为

/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/