launch.json

370 阅读1分钟

调试

在 VSCode 中调试 html 的 script 脚本

1.创建launch.json

image.png

2.配置launch.json

image.png

image.png

image.png

"webRoot": "${workspaceFolder}" 改为 "file": "${workspaceFolder}/index.html" image.png

3.点击调试 image.png

image.png

image.png

字段配置

name

调试配置的名称,用于在 VS Code 菜单中显示

type

指定调试器的类型

  • chrome
  • node

request

指定调试请求类型,通常为 "launch" (启动调试)或 "attach" (附加到已运行的进程)

  • launch: 会启动另外的应用,例如浏览器
  • attach: 意为附加,会在开发工具上附加调试程序

env

设置程序运行时的环境变量,以对象形式提供

skipFiles

指定不需要调试的文件或文件夹

program

用于指定程序的入口文件路径,可以是绝对路径或相对于工作目录的路径, 如:"${workspaceFolder}/app.js"

cwd

指定工作目录,即调试会话开始时的当前工作目录。例如:"webRoot": "${workspaceFolder}"

webRoot

需要先启动本地服务, 再调试相应的html文件。如果使用 file 指定调试的文件,则无需启本地服务。

file

指定调试文件路径,例如:"file": "${workspaceFolder}/index.html"

args

传递给程序的命令行参数,以数组形式提供。