Electron 桌面應用：VS Code調試，運行

參考資料：https://code.visualstudio.com/docs/nodejs/nodejs-debugging

使用 VSCode 進行主進程調試

EN

1.在 VSCode 中打開一個 Electron 項目。

$ git clone [email protected]:electron/electron-quick-start.git
  $ code electron-quick-start複製

EN

調試：在當前工程下，添加一個 .vscode/launch.json 文件

或者使用快捷鍵F5,然後選擇Node.js,會自動生成該文件

並使用以下配置：

{
    "version": "0.2.0",
    "configurations": [
      {
        "name": "Debug Main Process",
        "type": "node",
        "request": "launch",
        "cwd": "${workspaceRoot}",
        "runtimeExecutable": "C:/Users/LR/AppData/Roaming/npm/electron.cmd",
        "windows": {
          "runtimeExecutable": "C:/Users/LR/AppData/Roaming/npm/electron.cmd"
        },
        "args" : ["."]
      }
    ]
  }複製

注意： 在 Windows 中，runtimeExecutable 的參數是 "${workspaceRoot}/node_modules/.bin/electron.cmd"。

  路徑問題

              如果electron是局部安裝的話，就執行局部環境路徑，例如”${workspaceRoot}/node_modules/.bin/electron.cmd”，如果是全局安裝的話，先執行yarn global bin查看全局的路徑，然後將electron的路徑填寫進去，比如我的全局路徑就是”C:\Users\LR\AppData\Roaming\npm\electron.cmd”。

 3) 接下來，就可以點擊菜單Debug -> Start Debugging，也可以直接按快捷鍵F5，啓動程序。

  4) 爲了測試是否可以單步之類的操作，我們在主程序的第一行，打下斷點，然後按下F5啓動，主程序就斷在了第一行代碼中,而且還可以單步、查看變量以及調用棧等，相當方便，如下圖

運行：

在當前工程下，添加一個 .vscode/task.json 文件

或者使用快捷鍵shift+ ctrl +b,然後選擇Node.start,會自動生成該文件

使用shift + ctrl + b即可運行