首先,用VSCode打开新建的react native工程,此时只能运行,是无法调试的。如果想单步调试代码,需要配置。
点击VSCode左边三角形菜单:
点击“创建launch.json文件”, 选择“React Native”调试器,可以看到:
确定。
把configurations中默认的配置代码删除,点击“添加配置”,依次选择:
1.React Native
2.Debug application
3.Android(Platform to run on)
4.Application in direct mode
配置完,launch.json的代码如下:
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [{
"name": "Debug Android Hermes - Experimental",
"request": "launch",
"type": "reactnativedirect",
"cwd": "${workspaceFolder}",
"platform": "android"
}
]
}
就可以调试了: