vscode调试使用nodejs纯调试javascript

vscode调试使用nodejs纯调试javascript

其实就是跟自己较劲，可以写个包含js的html进行调试，不用这么麻烦做单独调试！不过个人开发就是喜欢语言有各自的环境！

在本地目录编写好js以后，按运行调试

然后编辑器会自动生成.vscode目录，并且下面会生成launch.json文件，并弹出需要自己扩充修改

1{
2    // 使用 IntelliSense 了解相关属性。 
3    // 悬停以查看现有属性的描述。
4    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
5    "version": "0.2.0",
6    "configurations": [
7        {
8            "type": "node",
9            "request": "launch",
10            "name": "启动程序",
11            "skipFiles": [
12                "<node_internals>/**"
13            ],
14            "program": "${workspaceFolder}/test.js"
15        }
16    ]
17}

然后按需要修改

1{
2 
3    "version": "0.2.0",
4    "configurations": [{
5            "name": "谷歌浏览器", //运行html文件，用谷歌浏览器打开
6            "type": "chrome",
7            "request": "launch",
8            "url": "${file}",
9            "sourceMaps": true,
10            "webRoot": "${workspaceRoot}"
11        },
12        {
13            "name": "nodeLauch", //单独调试js，即可以直接运行js
14            "type": "node",
15            "request": "launch",
16            "program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件
17            "stopOnEntry": false,
18            "args": [],
19            "cwd": "${workspaceRoot}",
20            "runtimeExecutable": null,
21            "runtimeArgs": [
22                "--nolazy"
23            ],
24            "env": {
25                "NODE_ENV": "development"
26            },
27            "console": "internalConsole",
28            "preLaunchTask": "",
29            "sourceMaps": false,
30            "outDir": null
31        }
32    ]
33}

其他参数有空再研究，如果用html调试，可以用alert进行函数输出查看（相当与print），如果纯js调试，我暂时只想到console.log()方法在终端输出结果，如有其他方法，烦请大虾指正！

Reference：

https://blog.csdn.net/freeking101/article/details/88427375

https://www.cnblogs.com/zenronphy/p/12233715.html

https://www.jianshu.com/p/d30cf3097e1a

https://blog.csdn.net/g0415shenw/article/details/84894719