2.在工作区内打一些断点，如无异常的话应该是实心红点
3.点击 运行和调试 按钮
4.点击小齿轮按钮，修改配置文件
5.右键刚才那个js文件，复制出其相对路径，放在配置文件${workplaceFolder} 的后面
6.点击开始按钮，进行调试
运行成功后，程序会定位到打断点的地方，并且，调试控制台可以看到输入结果，上面的一排按钮与其他调试工具类似，不赘述了
在实际开发当中，可以配置多分launch.json文件，以应对不同项目的调试
修改name值用于区分，并且，要修改program ，将对应项目的入口文件配置在这里即可
1、直接按F5可以调试的方法或者点击运行按钮（可以直接运行html文件或者js文件）
在launch.json文件中的配置如下：
{
"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
}
]
}
2、第二种方法 Ctrl+Shift+B 快捷键运行html文件，在Tasks.json中配置如下：
{
"version": "0.1.0",
"command": "",
"isShellCommand": false,
"args": ["${file}"],
"showOutput": "always",
"windows": {
"command": "C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"
},
"tasks": [{
"taskName": "webserver",
"isBuildCommand": true,
"showOutput": "always"
}]
}
3、如果第二种方法，不想每次都按这个快捷键，请参考npm配置node服务方法：
http://stackoverflow.com/questions/30039512/how-to-view-my-html-code-in-browser-with-visual-studio-code
相当于直接使用 node 命令，用 npm run script 脚本 来启动 Node.js 程序是更为常见的场景，比如当目标是运行一个应用。
假设项目的 package.json 有一个用来调试的 debug 脚本：
我们要怎么启动项目的跟踪调试呢？
文档指路 ➡️ 【Node.js 调试入门】 、 【VSCode 中的 Node.js 调试】 、 【Launch 对 npm 及其他工具的配置支持】
VS Code 支持两种核心调试模式 Launch 和 Attach ，Launch 方式是直接以 debug 模式启动应用，并为我们自动添加一个调试器；而 Attach 方式则是将 VSCode 调试器连接到已经运行中的应用程序或进程。我们这里用的是 Launch 方式。
在终端运行：
或点击VSCode 的小甲虫图标：
上面蓝色位置圈错了，应该是第一个 Node.js。
VSCode 十分智能，预设了很多针对不同需求的启动配置：
让我们来做进一步的修改：
之前那个启动配置项可以删除，留下这个需要的即可。
我们将 console 属性 设置为外部终端，我们启动调试时 VScode 就会自动打开下图中对应的终端(根据操作系统)。可以根据个人使用习惯，自定义用什么终端 (比如我在 VSCode 设置的 Terminal › External: Osx Exec，从默认的改为了 iTerm2)。
别忘了先把我们的脚本加上端口
![[java]利用socket class作成客户端程序](/aiimages/%5Bjava%5D%E5%88%A9%E7%94%A8socket+class%E4%BD%9C%E6%88%90%E5%AE%A2%E6%88%B7%E7%AB%AF%E7%A8%8B%E5%BA%8F.png)
