cd8b7f5219
* 📝 zh_TW translation of tutorial docs-translations/zh-TW/tutorial/debugging-main-process- node-inspector.md * 📝 zh_TW translation of tutorial [ci skip] debugging-main-process-vscode.md * 📝 Translate zh_TW DE integration desktop-environment-integration.md * 📝 Translate zh_TW DE integration [ci skip] desktop-environment-integration.md
1 KiB
1 KiB
在 VSCode 裡為主程序除錯
1. 用 VSCode 打開 Electron 專案
$ git clone git@github.com:electron/electron-quick-start.git
$ code electron-quick-start
2. 加入 .vscode/launch.json 檔案，裏面包含以下設定：
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Main Process",
"type": "node",
"request": "launch",
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
"program": "${workspaceRoot}/main.js"
}
]
}
注意: 在 Windows 上, 請把 runtimeExecutable 換成 "${workspaceRoot}/node_modules/.bin/electron.cmd" 。
3. 除錯
在 main.js 裡設定一些中斷點, 透過 Debug View 開始除錯，中斷點執行過程中必須可以被運行到。
這邊有一些預先設定好的專案，可以讓你下載並直接在 VSCode 除錯: https://github.com/octref/vscode-electron-debug/tree/master/electron-quick-start