首頁  >  文章  >  開發工具  >  vscode如何實現程式碼在瀏覽器開啟並即時刷新

vscode如何實現程式碼在瀏覽器開啟並即時刷新

王林
王林原創
2019-12-14 16:11:427876瀏覽

vscode如何實現程式碼在瀏覽器開啟並即時刷新

在vscode擴充功能中搜尋「view in browser」外掛程式並點選安裝,點選資源管理器選取目前檔案右鍵選擇「View In Browser」即可在預設瀏覽器中開啟頁面

vscode如何實現程式碼在瀏覽器開啟並即時刷新

即時刷新方法:livereload

在專案目錄下執行指令:

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"

檢視」中選擇「整合終端」,指令行輸入以上指令

vscode如何實現程式碼在瀏覽器開啟並即時刷新

本機檔案右鍵選擇“在終端機中開啟”,在終端機命令列中輸入指令

vscode如何實現程式碼在瀏覽器開啟並即時刷新

##以上兩種方法實現的效果和原理相同,都可後台運行,按下快捷鍵“control c”退出當前運行進程。

相關文章教程推薦:

vscode教程

以上是vscode如何實現程式碼在瀏覽器開啟並即時刷新的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn