完成该配置在启动调试时就无须在终端敲npm命令或者找package.json文件去点击script上的三角按钮了,非常方便

在debug项添加launch.json文件

在这里插入图片描述

选择Node.js环境

在这里插入图片描述

删除program配置

这个是启动项目识别的入口文件,默认把当前聚焦的文件作为入口,项目整体启动调试的话不需要该配置
在这里插入图片描述

添加运行命令与执行器配置

可以通过修改命令配置使F5自动运行其他脚本,如 npm run serve

"runtimeArgs": [
                "run",
                "dev"
            ],
"runtimeExecutable": "npm",

在这里插入图片描述

此时配置完成,可体验F5一键启动项目调试

多出.vscode目录,提交上库

此时工程根目录下会多出.vscode目录,launch.json文件就在该目录下,将配置提交上库
在这里插入图片描述

在gitignore中添加.vscode忽略,防止误改覆盖

在这里插入图片描述

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐