如何在 vs code 中調(diào)試html頁面?

前端神器 vs code 從發(fā)布到現(xiàn)在已經(jīng)有一段時間了,有些小伙伴在使用時候會發(fā)現(xiàn),它居然不能直接調(diào)用瀏覽器來調(diào)試你的html,下面就是這個的解決辦法,親測有效~

ctrl+shift+p 搜索 Configure Task Runner. 回車打開tasks.json,(如果找不到,選最后一個others,)然后把里面的相關(guān)配置項改一下改成這樣:

{

"version": "0.1.0",

"command": "explorer",

"isShellCommand": true,

"args": ["${file}"],

"showOutput": "always",

"windows": {

"command": "explorer.exe"

}

}

保存之后,回到原來的頁面 然后 ctrl+shift+b 就能在瀏覽器中進行調(diào)試啦~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,502評論 19 139
  • 在Xcode 6中有許多快捷鍵的設(shè)定可以使得你的編程工作更為高效,對于在代碼文件中快速導航、定位Bug以及新增應用...
    PlatonsDream閱讀 19,416評論 1 11
  • 工欲善其事必先利其器,作為PC客戶端開發(fā),Visual Studio是我們每天都要使用的開發(fā)工具,IDE提供了非常...
    小豬啊嗚閱讀 4,839評論 1 10
  • 剛開始用Xcode是不是發(fā)現(xiàn)以前熟悉的開發(fā)環(huán)境的快捷鍵都不能用了?怎么快捷運行,停止,編輯等等、都不一樣了。快速的...
    褪而未變閱讀 1,424評論 0 1
  • 上文,我們了解了網(wǎng)絡(luò)世界是如何交換信息的,用什么方式去交互信息(http),HTTP請求過程是如何實現(xiàn)的,什么是h...
    kuohao閱讀 856評論 1 9

友情鏈接更多精彩內(nèi)容