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
34 lines
1 KiB
Markdown
34 lines
1 KiB
Markdown
# 在 VSCode 裡為主程序除錯
|
|
|
|
### 1. 用 VSCode 打開 Electron 專案
|
|
|
|
```bash
|
|
$ git clone git@github.com:electron/electron-quick-start.git
|
|
$ code electron-quick-start
|
|
```
|
|
|
|
### 2. 加入 `.vscode/launch.json` 檔案，裏面包含以下設定：
|
|
|
|
```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](https://code.visualstudio.com/docs/editor/debugging) 開始除錯，中斷點執行過程中必須可以被運行到。
|
|
|
|
這邊有一些預先設定好的專案，可以讓你下載並直接在 VSCode 除錯: https://github.com/octref/vscode-electron-debug/tree/master/electron-quick-start
|