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

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

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

{

"version": "0.1.0",

"command": "explorer",

"isShellCommand": true,

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

"showOutput": "always",

"windows": {

"command": "explorer.exe"

}

}

保存之后,回到原來(lái)的頁(yè)面 然后 ctrl+shift+b 就能在瀏覽器中進(jìn)行調(diào)試?yán)瞺

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

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