VSCode配置React Native调试环境

首先，用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"}]
}

就可以调试了：