VSCode开发Android版本React Native

基础设备

参数	值
操作系统	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目录

参考React Native Tools

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

权限管理 -> 悬浮窗权限