react-natvie vscode真机调试[Android]

前言

用vscode开发react-native第一次搭建遇到的问题和处理.

1.环境变量

因为Android Studio自带sdk的原因, 之前用Android Studio开发的时候并不会特地去配置sdk的环境变量, 但是react-native调试过程会用到, 所以需要配置环境变量.

macOS Android SDK 默认位置
/Users/用户名/Library/Android/sdk

Windows Android SDK 默认位置
C:\Users\用户名\AppData\Local\Android\Sdk

配置
ANDROID_HOME
C:\Users\用户名\AppData\Local\Android\Sdk
PATH
%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

2.vscode插件

安装React Native Tools
在这里插入图片描述
创建调试json文件
react-natvie vscode真机调试[Android]_第1张图片
react-natvie vscode真机调试[Android]_第2张图片
按下F5进行调试

3.Android 5.0及以上

运行adb reverse tcp:8081 tcp:8081

你可能感兴趣的:(React)