【练习代码】
代码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加入断点,再次启动,就能停下来了。