ubuntu下VS code调试js代码设置

一、前期准备

1. VS code下载安装：在Ubuntu Software中搜索“vs code”下载
   

2. .NET环境配置：
   https://www.microsoft.com/net/learn/dotnet/hello-world-tutorial

3. 安装插件：Debugger for Chrome
   

二、NodeLauch方式调试

• 新建workspace，在其中建立.js文件
  
• 按F5，并将调试方式调整-NodeLauch
  
• 生成launch.json文件，修改该配置文件

{
“version”: “0.2.0”,
“configurations”: [{
“name”: “谷歌浏览器”, //运行html文件，用谷歌浏览器打开
“type”: “chrome”,
“request”: “launch”,
“url”: “${file}", "sourceMaps": true, "webRoot": "$file","sourceMaps":true,"webRoot":"{workspaceRoot}”
},
{
“name”: “nodeLauch”, //单独调试js，即可以直接运行js
“type”: “node”,
“request”: “launch”,
“program”: "${workspaceRoot}/zjtest.js", //这个配置成你要调试的文件、$workspaceRoot/zjtest.js",//这个配置成你要调试的文件、{file}当前打开的文件
“stopOnEntry”: false,
“args”: [],
“cwd”: “${workspaceRoot}”,
“runtimeExecutable”: null,
“runtimeArgs”: [
“–nolazy”
],
“env”: {
“NODE_ENV”: “development”
},
“console”: “internalConsole”,
“preLaunchTask”: “”,
“sourceMaps”: false,
“outFiles”: []
}
]
}
注意：将program路径修改为你的.js文件名称

• 再次按F5，运行code

三、其他参考：

1.VS Code - Debugger for Chrome调试js
https://www.cnblogs.com/mxk-star/p/7279785.html

2.VS Code - Debugger for Chrome调试JavaScript的两种方式
http://www.cnblogs.com/pugang/p/5681325.html

3.vsCode 添加浏览器调试和js调试的方法总结
https://www.cnblogs.com/sxz2008/p/6690384.html