遇到的問題:
1、無法直接用VS Code調用Chrome來打開HTML文件
2、VS Code調用Chrome成功后,Python解釋器無法啟動調試了
解決方法:
以下是我的 launch.json 文件的配置信息,供參考:
1 { 2 // 使用 IntelliSense 了解相關屬性。 3 // 懸停以查看現有屬性的描述。 4 // 欲了解更多信息,請訪問: https://go.microsoft.com/fwlink/?linkid=830387 5 // ${workspaceRoot} 當前打開的文件夾的絕對路徑+文件夾的名字 6 // ${workspaceRootFolderName} 當前打開的文件夾的名字 7 // ${file} 當前打開正在編輯的文件名,包括絕對路徑,文件名,文件后綴名 8 // ${fileBasename} 當前打開的文件名+后綴名,不包括路徑 9 // ${fileBasenameNoExtension} 當前打開的文件的文件名,不包括路徑和后綴名 10 // ${fileDirname} 當前打開的文件所在的絕對路徑,不包括文件名 11 // ${fileExtname} 當前打開的文件的后綴名 12 // ${cwd} the task runner's current working directory on startup 13 // ${lineNumber} 當前打開的文件,光標所在的行數 14 // ${relativeFile} 從當前打開的文件夾到當前打開的文件的路徑 15 "version": "0.2.0", 16 "configurations": [ 17 { 18 //HMTL的Chrome調試 19 "name": "Launch Chrome", 20 "request": "launch", 21 "type": "pwa-chrome", 22 "url": "file://${file}", 23 "webRoot": "${workspaceFolder}" 24 }, 25 { 26 //Python調試 27 "name": "Python: 當前文件", 28 "type": "python", 29 "request": "launch", 30 "program": "${file}", 31 "console": "integratedTerminal" 32 } 33 ] 34 }
注意事項:
1、需要調用Chrome來打開HTML文件時,我們是調用的本地文件,所以,要用 file:// (本地文件傳輸協議) 去找到我們在本地編輯的HTML文件。
(網上很多給到的教程還是用的http://甚至沒有文件傳輸協議,我都嘗試了,是無法找到對應的HTML文件。)
2、VS Code中的launch.json文件的各種變量,大家根據自己的需求去使用,我直接備注在了 launch.json 文件里面了,方便自己查閱。
1 // ${workspaceRoot} 當前打開的文件夾的絕對路徑+文件夾的名字 2 // ${workspaceRootFolderName} 當前打開的文件夾的名字 3 // ${file} 當前打開正在編輯的文件名,包括絕對路徑,文件名,文件后綴名 4 // ${fileBasename} 當前打開的文件名+后綴名,不包括路徑 5 // ${fileBasenameNoExtension} 當前打開的文件的文件名,不包括路徑和后綴名 6 // ${fileDirname} 當前打開的文件所在的絕對路徑,不包括文件名 7 // ${fileExtname} 當前打開的文件的后綴名 8 // ${cwd} the task runner's current working directory on startup 9 // ${lineNumber} 當前打開的文件,光標所在的行數 10 // ${relativeFile} 從當前打開的文件夾到當前打開的文件的路徑