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教程

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享