react-natvie vscode真机调试[Android]
16lz
2021-01-23
前言
用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张图片](https://img.16lz.com/image/info8/2a7ac69b367e484eb7518f49c192ffdb.jpg)
![react-natvie vscode真机调试[Android]_第2张图片](https://img.16lz.com/image/info8/13a10a3dde7144079ecea0f8ffad976e.png)
按下F5进行调试
3.Android 5.0及以上
运行adb reverse tcp:8081 tcp:8081
更多相关文章
- Android环境变量设置
- Android 开机震动的调用位置以及打开关闭方法
- Mac配置Android开发环境变量及工具安装图
- Android中如何获得一些系统设置和环境变量？
- Android assets文件夹之位置放置和作用（ AS 和eclipse中的 ）
- android 权限定义的文件，位置
- Android获取点击屏幕的位置坐标
- Android环境变量的设置
- [置顶] Android 通过经纬度获取地理位置信息