VSCODE下除錯 Electron 專案

2021-09-14 05:48:07 字數 984 閱讀 1305

最近使用electron開發了一套軟體,記錄一下遇到的除錯問題

vscode 官網鏈結;

electron,本次所使用的版本為:

nodejs 官網鏈結;

我們使用的 electron-quick-start,專案初始配置已經完成。

修改 package.json 檔案中

"scripts":
修改launch.json檔案,該檔案屬於vscode所使用除錯配置檔案
/main.js"

"program": "$/dist/main.js",

"stoponentry": false,

"args": ,

"cwd": "$",

"runtimeexecutable": "$/node_modules/.bin/electron",

"runtimeargs": [

".",

"--enable-logging"

],"env": {},

//該屬性為配置typescript除錯,若不需要則設定為false

"sourcemaps": true

}

啟動除錯

開啟除錯介面

下拉左上角除錯列表

選擇launch,若在上一步設定為其他名稱,則此時亦跟隨修改

electron 中僅支援主程序除錯。即:您需要將邏輯**放置於 main.js 中呼叫,才可使用斷點等功能,且此時不支援 console 列印輸出功能。

渲染程序,包括初始的 browserwindow ,無法通過斷點除錯nodejs**,僅可以通過窗體自帶的開發工具(ctrl + shift + i)除錯**。即:使用 require 引入的檔案僅支援 console 列印輸出至輸出視窗,正常web邏輯**,可以使用斷點等進行除錯。

建議node端**在主程序中執行除錯,確定無誤後再引入渲染程序中,減少除錯工作難度。

Linux下除錯總結

感覺linux環境下段錯誤的產生原因及除錯方法小結寫的不錯,列舉了幾個主要的除錯方式。有幾點補充 1.在使用core dump的時候,關於開啟 關閉生成core檔案的命令 ulimit c unlimited 使core檔案大小沒有限制。ulimit c 0 限制core檔案大小為0,即不產生cor...

VSCode除錯設定

tasks.json vscodetutorial.unittest vscodetutorial.unittest.csproj istestcommand true,設定為單元測試專案 problemmatcher mscompile tasks.json檔案是專案任務的配置檔案,可在launc...

vs code 除錯設定

首先vs code 安裝外掛程式 debugger for chrome 使用下面內容替換自動生成的內容 使用外部伺服器時,請注釋掉 file,改用 url,並將 usebuildinserver 設定為 false 改成您的 chrome 安裝路徑 sourcemaps true webroot ...