vscode怎么使用調試

1、配置launch.json

配置完此處后先不要著急進行嘗試，因為此時點擊綠色的開始按鈕調試啟動后，發現頁面并打不開，只是個瀏覽器鏈接失敗的提示。

此時，我們需要安裝類似apache、iis之類的服務器插件來支持頁面在模擬服務器中運行并顯示。

2、安裝插件【Live Server】

這就是上面提到的支持頁面在模擬服務器中運行的插件了，如圖：

安裝完成如果左側有【重新加載】的提示，則點擊該按鈕以重新加載。

3、打開html頁面，進行調試測試

基礎工作都準備好了，此時調試模式有兩種：

使用本地靜態頁面調試：

選擇自己配置的測試選項，打開需要調試的頁面，按F5啟動調試，如圖：

使用服務器形式進行調試：

此時我們安裝的live server就派上用場了，同樣打開要調試的頁面，鼠標在頁面任意地方右鍵單機，選擇“Open with live server”，如圖：

完成！

相關學習推薦：vscode教程

以上就是