首頁 > 開發工具 > VSCode > vscode怎麼使用調試

vscode怎麼使用調試

王林
發布: 2020-02-11 17:47:14
原創
6780 人瀏覽過

vscode怎麼使用調試

1、設定launch.json

vscode怎麼使用調試

#在這裡後先不要急著嘗試,因為此時點選綠色的開始按鈕調試啟動後,發現頁面並打不開,只是個瀏覽器連結失敗的提示。

此時,我們需要安裝類似apache、iis之類的伺服器外掛程式來支援頁面在模擬伺服器中運行並顯示。

2、安裝外掛【Live Server】

這就是上面提到的支援頁面在類比伺服器中運行的插件了,如圖:

vscode怎麼使用調試

安裝完成如果左側有【重新載入】的提示,請點選該按鈕重新載入。

3、開啟html頁面,進行偵錯測試

基礎工作都準備好了,此時偵錯模式有兩種:

使用本機靜態頁面偵錯:

選擇自己設定的測試選項,開啟需要偵錯的頁面,依F5啟動偵錯,如圖:

vscode怎麼使用調試

##使用伺服器形式進行調試:

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

vscode怎麼使用調試

完成!

相關學習推薦:

vscode教學
#

以上是vscode怎麼使用調試的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板