vscode断点调试js代码的设置vscode可以运⾏多种代码，需要安装插件code runner，然后点击右上⾓三⾓运⾏即可：
vscode也可以直接调试js代码，如下：
但通常我们需要同时调试HTML和js，此时我们使⽤chorme调试html，其⾃带的调试js，⽅法如下：
1. VSCode 上装插件：Debugger for Chrome
2. 修改launch.json
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: go.microsoft/fwlink/?linkid=830387
"version":"0.2.0",
"configurations":[{
"name":"⾕歌浏览器",//运⾏html⽂件，⽤⾕歌浏览器打开
"type":"chrome",
"request":"launch",
"url":"${file}",
"sourceMaps":true,
"webRoot":"${workspaceRoot}"
},
{
"name":"nodeLauch",//单独调试js，即可以直接运⾏js
"type":"node",
"request":"launch",
"program":"${file}",//这个配置成你要调试的⽂件、${file}当前打开的⽂件"stopOnEntry":false,
"args":[],
"cwd":"${workspaceRoot}",
"runtimeExecutable":null,
"runtimeArgs":[
断点歌曲链接"--nolazy"
],
"env":{
"NODE_ENV":"development"
},
"console":"internalConsole",
"preLaunchTask":"",
"sourceMaps":false,
"outDir":null
}
]
}
然后选择不同的调试⽅式进⾏调试：