目录搭建环境文档调试渲染进程搭建环境 本文所使用的项目是 electron-quick-start 。 $ git clone https://GitHub.com/el
本文所使用的项目是 electron-quick-start 。
$ git clone https://GitHub.com/electron/electron-quick-start
$ cd ./electron-quick-start
$ npm install
经过以上步骤就搭建好了基本 Electron 应用开发环境。查看 package.JSON:
{
"name": "electron-quick-start",
"version": "1.0.0",
"description": "A minimal Electron application",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"repository": "Https://github.com/electron/electron-quick-start",
"keyWords": [
"Electron",
"quick",
"start",
"tutorial",
"demo"
],
"author": "GitHub",
"license": "CC0-1.0",
"devDependencies": {
"electron": "16.0.6"
}
}
我们可以在终端运行 npm run start 来查看运行结果:
可以看到,环境搭建已经大功告成!接下来进入开发调试环节。
官网说明 使用 vscode 进行主进程调试
点击vscode中的调试按钮,或者按F5
他会提示你进行配置,会产生一个lauch.json文件,如下图
或者直接新建也行
.vscode
文件夹.vscode
里面新建launch.json
文件launch.json
文件里面输入下面内容在lauch.json输入如下内容
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Main Process",
"type": "node",
"request": "launch",
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
"windows": {
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
},
"args" : ["."],
"outputCapture": "std"
}
]
}
在主程序main.js
中打断点,然后按F5
进行调试,如下图
这就不用说了吧。。。。直接在chrome的控制台打断点~~~~~~~~~
到此这篇关于使用VSCode调试Electron主进程的方法步骤的文章就介绍到这了,更多相关VSCode调试Electron主进程内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: 使用VSCode调试Electron主进程的方法步骤
本文链接: https://www.lsjlt.com/news/163454.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0