vscode如何調(diào)試js？

在調(diào)試JavaScript代碼時(shí)，有兩種比較簡單的方法。

1.使用Chrome等瀏覽器調(diào)試

2.在vscode配置JavaScript運(yùn)行環(huán)境

本文主要介紹第二種方法

配置步驟：

1.下載并安裝Node.js（Node.js是JavaScript的一個(gè)運(yùn)行環(huán)境）

這個(gè)在Node.js官網(wǎng)或者中文網(wǎng)都可以找到

2.配置vscode

點(diǎn)擊vscode中“調(diào)試”按鈕，打開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}為當(dāng)前程序工作的絕對路徑。

3.調(diào)試

新建一個(gè)js文件，將launch.json中program里面的1.js改為你要調(diào)試的文件名，并把改文件放在絕對路徑下

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

使用F5調(diào)試，得到

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

調(diào)試成功