{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "启动程序",
"program": "${workspaceFolder}\\build\\dev-server.js"
},
{
"type": "chrome",
"request": "launch",
"name": "chrome",
"file": "${file}"
}]
}
// version : 你定义这个配置文件的版本，生成的时候默认是0.2.0
// configuration：配置域
// name：配置文件的名字，可以自己起
// type：调试的类型，node是vscode本身就支持，其他就需要下载插件了(chrome)
// request : 配置文件的请求类型，有launch和attach两种，launch是需要服务器的需要配置url，这里我就用的它，attach就比较麻烦了，因为配置launch也能用，所以我就没有配置attach了
// url:这个是chrome插件带的，指定访问的链接，到这里我觉得就个缺点了，url只能配置死链接，就算用预定义变量也不能做到多项目自动识别要打开的HTML，可能是我没有发现其他的预定义变量，如果有大神知道，欢迎在评论里留言
// webRoot：也是chrome插件带的，指定根目录或者执行文件
// ${workspaceRoot}:就是你打开vscode读取的项目目录
// sourceMaps:默认是启用的，对于打包的调试，大神们就必须开启了
// userDataDir：临时目录,专门保存调试过程产生的东西，这个字段是为了重新打开一个浏览器窗口，不会强制关闭已经打开的浏览器
// ${workspaceRoot}：VSCode中打开文件夹的路径
// ${workspaceRootFolderName}：VSCode中打开文件夹的路径, 但不包含"/"
// ${file} ：当前打开的文件
// ${relativeFile}：当前打开的文件,相对于workspaceRoot
// ${fileBasename} ：当前打开文件的文件名, 不含扩展名
// ${fileDirname} ：当前打开文件的目录名
// ${fileExtname}：当前打开文件的扩展名
// ${cwd} ：当前启动时的工作目录
/*
注意：不管选用哪个方式，指定一个文件都是必须的。如果是url，webRoot选项用于将url解析到磁盘上的文件。比如写localhost/app.js会解析到工作目录里面的app.js文件。本地的话，也就是file，直接设置要打开的html文件路径，${workspaceFolder}意思就是当前工作目录，如果你写了${workspaceFolder}/index.html,就必须确保在相应的工作目录下有这个index.html文件才行。如果找不到这个文件，那么控制台是不会启动成功的。
*/
评论 (0)