1.除錯js

      安裝Debuger for chrome外掛，點選F5，選擇chrome，vscode自動生成lauch.json如下，

{
    // 使用 IntelliSense 瞭解相關屬性。 
    // 懸停以檢視現有屬性的描述。
    // 欲瞭解更多資訊，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "啟動 Chrome 並開啟 localhost",
            "url": "${file}"
 
,//修改這裡，每次除錯當前檔案
            "webRoot": "${workspaceFolder}"
        }
    ]
}"${file}",//修改這裡，每次除錯當前檔案
            "webRoot": "${workspaceFolder}"
        }
    ]
}

     chrome attach除錯，chrome端使用--remote-debugging-port=9222方式啟動，然後配置lauch.json的request為attach

    js動態載入的檔案，vscode斷點無效（未驗證的斷點----可以用debuger下斷點

              在要被呼叫的檔案開始處，加//@ sourceURL=ParcelProcessWaitForArchivedListPage.js，加上註釋後開啟chrome除錯，vscode可以捕獲chrome斷點，斷點需要設定到chrome裡面，vscode除錯。如果//@ sourceURL=檔案的本地絕對路徑，就可以在vscode上直接除錯了，而且斷點有效。提示：//@ sourceURL中間要有空格

2.配置setting.json除錯python

       設定pythonpath和pylintpath路徑，如果要使用anaconda，配置python目錄為的env目錄下的python.exe即可

3.lauch.json預定義變數

${workspaceRoot} - the path of the folder opened in VS Code
${workspaceRootFolderName} - the name of the folder opened in VS Code without any slashes (/)
${file} - the current opened file
${relativeFile} - the current opened file relative to workspaceRoot
${fileBasename} - the current opened file's basename
${fileBasenameNoExtension} - the current opened file's basename with no file extension
${fileDirname} - the current opened file's dirname
${fileExtname} - the current opened file's extension
${cwd} - the task runner's current working directory on startup
${lineNumber} - the current selected line number in the active file

lauch檔案中的可配置多個除錯json項，key值“”中自動提示,配置完後在vscode的除錯選項中可以看到多項除錯選項

4.task.json配置編譯過程

    task定義的命令可以被lauch.json呼叫，ctrl+shift+b執行任務

5.vscode偵錯程式擴充套件