React Native 斷點調試（React Native Tools）

我們在項目中會有很多調試方法，一般我們用warn、alert等等都可以，

但有時我們需要跟着流程定位問題，那么此時我們就需要使用斷點調試了，當然別的方式也可以，只不過斷點更加簡單

下面簡述下使用React Native Tools實現

1、首先在應用商店找到React Native Tools然后安裝

 

 

2、.vscode文件下配置launch.json文件

 

代碼：launch.json

{
    // 使用 IntelliSense 了解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug Miniapp",
            "cwd": "${workspaceFolder}",
            "type": "reactnative",
            "request": "attach"
        }
    ]
}

3、關閉終端，點擊運行--啟動調試，模擬器開啟Debug JS Remotely

VScode:

模擬器：

 

4、添加斷點（運行的時候，就可以斷點，可以查看我們需要的數據）

 

5、關閉調試模式，VScode：點擊運行---停止調試，模擬器點擊Stop Remote JS Debugging

VScode:

模擬器：

 

至此使用React Native Tools斷點調試完成