搭建开发环境(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
如果成功运行,你就会看到如下界面
==如遇执行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__\/.*/