vscode調試js的示例

小編給大家分享一下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調試js的示例有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！