VScode如何调试

调试

1.打断点

1.点击调试按钮

3.点击下拉选择环境node,点击绿三角选择输入调试的命令(具体命令查看package.json中scripts中的哪一个命令和运行的文件),点击右边的设置(可以直接跳下面第八步!!!)

4.点击设置会自动生成一个launch.json文件如下

json 复制代码
{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "启动命令文件路径"
        }
    ]
}

5.传递参数,有时候并不是直接启动程序,还需要给程序传递参数,直接传就行

如果是变量赋值类"args": ["--key", "value"] ,总之就是这个启动命令后的所有字段放进来

6.选择node版本运行

有时候多个node版本的情况下会选择默认的一个,当在控制台 nvm use 的node版本并不能在调试的时候生效

继续添加 preLaunchTask,定义一个命令,表示启动前执行
preLaunchTask: "nvm-use"

然后创建一段需要执行的脚本,command + shift + p ,输入并选择tasks: configure Task,选择上述program的执行文件

点击生成了一个文件:

task.json 复制代码
{
	"version": "2.0.0",
	"tasks": [
		{
			"type": "npm",
			"script": "set-mcc",
			"problemMatcher": [],
			"label": "npm: set-mcc",
			"detail": "node build/mcc-get.js"
		}
	]
}

把 上述tasks.json 修改一下,我们只配置必须的,其中command根据个人情况修改

json 复制代码
{
	"version": "2.0.0",
	"tasks": [
		{
			"type": "shell",
			"label": "nvm-use",
			"command": "zsh -i -c 'nvm use 12 && 你的运行命令和参数'",
		},
	]
}

7.根据launch.json文件中name的名字,选择好点击绿色按钮就可以开启了

8.或者直接在调试控制台切换node版本、输入命令(包含传入的参数)!!!!

点右上角加号旁边的下拉选择javascript调试

参考:VScode调试node版本

停止进程

npm run dev后出现Error: listen EADDRINUSE: address already in use错误。

解决方法(mac系统):在控制台输入sudo lsof -i:端口号,查看被占用进程的pid,再输入sudo kill -9 pid 即可杀死进程。

点击控制台右上角也有进程号,查看后再进行杀死

相关推荐
叶羽西10 小时前
Android Studio打开一个外部的Android app程序
android·ide·android studio
向宇it15 小时前
【从零开始入门unity游戏开发之——unity篇02】unity6基础入门——软件下载安装、Unity Hub配置、安装unity编辑器、许可证管理
开发语言·unity·c#·编辑器·游戏引擎
徐小夕@趣谈前端15 小时前
可视化大屏编辑器, 开源!
编辑器
天天进步201515 小时前
TipTap编辑器:现代化的富文本编辑解决方案
编辑器
odng18 小时前
IDEA自己常用的几个快捷方式(自己的习惯)
java·ide·intellij-idea
o(╥﹏╥)18 小时前
在 Ubuntu 上安装 VS Code
linux·运维·vscode·ubuntu·vs
18号房客19 小时前
macOS开发环境配置与应用开发教程(一)
vscode·macos·visualstudio·eclipse·intellij-idea·phpstorm·visual studio
weixin_4231961719 小时前
VSCode+WSL作为IDE开发和管理深度学习项目
ide·vscode·编辑器
乐闻x20 小时前
VSCode 插件开发实战(八):创建和管理任务 Task
ide·vscode·编辑器
神洛华1 天前
Y3地图制作1:水果缤纷乐、密室逃脱
编辑器·游戏引擎·游戏程序