您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)使用VSCode調(diào)試Electron主進(jìn)程的步驟是什么,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
本文所使用的項目是 electron-quick-start 。
$ git clone https://github.com/electron/electron-quick-start $ cd ./electron-quick-start $ npm install
經(jīng)過以上步驟就搭建好了基本 Electron 應(yīng)用開發(fā)環(huán)境。查看 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" } }
我們可以在終端運(yùn)行 npm run start 來查看運(yùn)行結(jié)果:
可以看到,環(huán)境搭建已經(jīng)大功告成!接下來進(jìn)入開發(fā)調(diào)試環(huán)節(jié)。
官網(wǎng)說明 使用 VSCode 進(jìn)行主進(jìn)程調(diào)試
點(diǎn)擊vscode中的調(diào)試按鈕,或者按F5
他會提示你進(jìn)行配置,會產(chǎn)生一個lauch.json文件,如下圖
或者直接新建也行
在當(dāng)前項目下面新建.vscode
文件夾
在這個.vscode
里面新建launch.json
文件
在launch.json
文件里面輸入下面內(nèi)容
在lauch.json輸入如下內(nèi)容
{ "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
中打斷點(diǎn),然后按F5
進(jìn)行調(diào)試,如下圖
這就不用說了吧。。。。直接在chrome的控制臺打斷點(diǎn)~~~~~~~~~
Visual Studio Code 是一個運(yùn)行于 OS X,Windows和 Linux 之上的,針對于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺編輯器,它為開發(fā)者們提供了對多種編程語言的內(nèi)置支持,并且正如 Microsoft 在Build 大會的 keynote 中所指出的,這款編輯器也會為這些語言都提供了豐富的代碼補(bǔ)全和導(dǎo)航功能。
關(guān)于使用VSCode調(diào)試Electron主進(jìn)程的步驟是什么就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。