【electron】electron-builder-start 調試main進程

【練習代碼】

代碼git地址：https://github.com/SmileEricXin/electronPractice.git

拉debug_main分支

 

【步驟一】

    點擊vscode調試設置按鈕，點擊此按鈕會彈出launch.json文件供編輯，此文件保存在.vscode文件夾下。

    

【步驟二】

    將launch.json內容設置爲：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Main Process",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceRoot}",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd",
      "windows": {
        "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
      },
      "args" : ["."]
    }
  ]
}

【步驟三】

按F5進行調試，會出現各種報錯：（指debug_main分支未提交“fea: 調試主進程分支”時的代碼）

上述報錯，在package.json 加入：

"main": "./src/main/index.js",

然後又出現：

將各種import改成require即可（應該是調試時不支持ES6）。同時去掉 __static 等內置變量。

【步驟四】

按F5啓動調試，效果如下圖：

PS：第一次啓動時，可能沒有斷點，此時F9加入斷點，再次啓動，就能停下來了。