基础设备
| 参数 | 值 |
|---|---|
| 操作系统 | macOS |
| 安卓手机 | meizu Pro6 |
1. 依赖包
| 安装程序 | 地址 |
|---|---|
| VS Code | https://code.visualstudio.com/ |
| RN Tools | https://github.com/Microsoft/vscode-react-native |
| Jdk | http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html |
| Node LTS | https://nodejs.org |
| Android 命令行工具 | https://developer.android.com/sdk/index.html |
1.1 React Native命令行工具
npm install -g react-native-cli
1.2 SDK 命令行安装
sdkmanager "platforms;android-23" "build-tools;23.0.3" "platform-tools"
1.3 配置环境变量
export REPO_OS_OVERRIDE=macosx
export ANDROID_SDK_ROOT=$HOME/code/android_sdk
export ANDROID_HOME=$ANDROID_SDK_ROOT
export PATH=$ANDROID_SDK_ROOT/tools/bin:$ANDROID_SDK_ROOT/platform-tools:$PATH
2. 运行demo
react-native init AwesomeProject
2.1 使用VSCode打开AwesomeProject目录
2.1.1 安装React Native Tools
按下
F1,输入ext install,选择react-native安装
2.1.2 配置调试环境
点击调试按钮，接着点击配置按钮，选择
React Native调试环境
3. 相关疑问
3.1 SDK问题
com.android.builder.testing.api.DeviceException: No connected devices!
存储和备份 -> USB计算机连接 -> 内置光驱，并且开启
USB3.0连接
辅助功能 -> 开发者选项 -> 开启USB调试
overlay permissions needs to be granted in order for react native apps to run in dev mode
权限管理 -> 悬浮窗权限
