vscode 調試 react 項目

主要分為以下三個步驟

1. 安裝 debug for chrome
2. 配置 launch.json 文件
   
   配置內容如下

{
    "version": "0.2.0",
    "configurations": [{
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome",
        "url": "http://localhost:3000",  // 改為目標 url
        "sourceMaps": true,
        "webRoot": "${workspaceFolder}",
        "skipFiles": [
            "node_modules/**"
        ],
        "sourceMapPathOverrides": {
            "webpack:///*": "${webRoot}/*"
        }
    }]
}

3 使用 npm 啟動項目， 關掉彈出的瀏覽器頁面

4 打斷點，在 Debug 模塊啟動調試

本配置參考 csdn 博客進行配置，詳細鏈接在此 鏈接