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"
        }
    ]
}

就可以调试了：