首頁 >開發工具 >VSCode >vscode如何調試js

vscode如何調試js

藏色散人
藏色散人原創
2019-12-17 10:51:223720瀏覽

vscode如何調試js

vscode如何除錯js?

在偵錯JavaScript程式碼時,有兩種比較簡單的方法。

1.使用Chrome等瀏覽器調試

2.在vscode配置JavaScript運行環境

本文主要介紹第二種方法

設定步驟:

1.下載並安裝Node.js(Node.js是JavaScript的一個運行環境)

這個在Node.js官網或中文網都可以找到

2 .配置vscode

點擊vscode中「偵錯」按鈕,開啟launch.json檔案(或使用Ctrl Shift P輸入launch.json)

在裡面新增

"version": "0.2.0",
    "configurations": [{
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/1.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": { "NODE_ENV": "development" },
            "externalConsole": false,
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]

注意:${workspaceRoot}為目前程式工作的絕對路徑。

3.調試

新建一個js文件,將launch.json中program裡面的1.js改為你要調試的文件名,並把改文​​件放在絕對路徑下

(function name(params) {
    console.log("message");
})();

使用F5調試,得到

node --debug-brk=37692 --nolazy Untitled-1.js
Debugger listening on [::]:37692
message

調試成功

相關推薦:vscode教學

以上是vscode如何調試js的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn