【學習筆記】VS Code的launch.json 的 Python和Chrome常用配置(MacOS)


遇到的問題:

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} 從當前打開的文件夾到當前打開的文件的路徑

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM