vscode使用F5启动vue项目调试

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

在debug项添加launch.json文件

vscode使用F5启动vue项目调试_第1张图片

选择Node.js环境

vscode使用F5启动vue项目调试_第2张图片

删除program配置

这个是启动项目识别的入口文件,默认把当前聚焦的文件作为入口,项目整体启动调试的话不需要该配置
vscode使用F5启动vue项目调试_第3张图片

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

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

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

vscode使用F5启动vue项目调试_第4张图片

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

多出.vscode目录,提交上库

此时工程根目录下会多出.vscode目录,launch.json文件就在该目录下,将配置提交上库
vscode使用F5启动vue项目调试_第5张图片

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

vscode使用F5启动vue项目调试_第6张图片

你可能感兴趣的:(Tips,vscode)