VScode debug React 項目

需要安裝最新版本的VS CodeVS Code Chrome Debugger Extension

然後將下面的塊添加到您的launch.json文件中,並將其放在.vscode應用程序根目錄下的文件夾中。

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Chrome",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/src",
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

然後先npm start啓動項目,在使用vscode debug

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章