【学习笔记】VS Code的launch.json 的 Python和Chrome常用配置（MacOS）

遇到的问题：

1、无法直接用VS Code调用Chrome来打开HTML文件

2、VS Code调用Chrome成功后，Python解释器无法启动调试了

解决方法：

以下是我的 launch.json 文件的配置信息，供参考：

 {
     // 使用 IntelliSense 了解相关属性。
     // 悬停以查看现有属性的描述。
     // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
     // ${workspaceRoot} 当前打开的文件夹的绝对路径+文件夹的名字
     // ${workspaceRootFolderName}   当前打开的文件夹的名字
     // ${file} 当前打开正在编辑的文件名，包括绝对路径，文件名，文件后缀名
     // ${fileBasename}  当前打开的文件名+后缀名，不包括路径
     // ${fileBasenameNoExtension} 当前打开的文件的文件名，不包括路径和后缀名
     // ${fileDirname} 当前打开的文件所在的绝对路径，不包括文件名
     // ${fileExtname} 当前打开的文件的后缀名
     // ${cwd} the task runner's current working directory on startup
     // ${lineNumber}  当前打开的文件，光标所在的行数
     // ${relativeFile} 从当前打开的文件夹到当前打开的文件的路径
     "version": "0.2.0",
     "configurations": [
         {
             //HMTL的Chrome调试
             "name": "Launch Chrome",
             "request": "launch",
             "type": "pwa-chrome",
             "url": "file://${file}",
             "webRoot": "${workspaceFolder}"
         },
         {
             //Python调试
             "name": "Python: 当前文件",
             "type": "python",
             "request": "launch",
             "program": "${file}",
             "console": "integratedTerminal"
         }
     ]
 }

注意事项：

1、需要调用Chrome来打开HTML文件时，我们是调用的本地文件，所以，要用 file:// (本地文件传输协议) 去找到我们在本地编辑的HTML文件。

（网上很多给到的教程还是用的http://甚至没有文件传输协议，我都尝试了，是无法找到对应的HTML文件。）

2、VS Code中的launch.json文件的各种变量，大家根据自己的需求去使用，我直接备注在了 launch.json 文件里面了，方便自己查阅。

     // ${workspaceRoot} 当前打开的文件夹的绝对路径+文件夹的名字
     // ${workspaceRootFolderName}   当前打开的文件夹的名字
     // ${file} 当前打开正在编辑的文件名，包括绝对路径，文件名，文件后缀名
     // ${fileBasename}  当前打开的文件名+后缀名，不包括路径
     // ${fileBasenameNoExtension} 当前打开的文件的文件名，不包括路径和后缀名
     // ${fileDirname} 当前打开的文件所在的绝对路径，不包括文件名
     // ${fileExtname} 当前打开的文件的后缀名
     // ${cwd} the task runner's current working directory on startup
     // ${lineNumber}  当前打开的文件，光标所在的行数
     // ${relativeFile} 从当前打开的文件夹到当前打开的文件的路径