我們在專案中會有很多除錯方法，一般我們用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斷點除錯完成