如何實現vs code編寫的代碼在瀏覽器自動刷新顯示

使vs code代碼在瀏覽器自動刷新顯示步驟：

1、首先在vs code里面安裝一個叫做live Server的插件

點擊擴展圖標或者使用快捷鍵F1→輸入live Server并點擊安裝按鈕（因為我已經安裝了所以圖片沒有顯示這個按鈕，而是一個設置的圖標）

2、運行live Server插件實現瀏覽器自動刷新顯示渲染后的代碼頁面

在這里需要注意：每次我們寫完代碼都要保存之后瀏覽器才會自動刷新修改過的頁面。

手動保存我們使用快捷鍵Ctrl+S，不過我覺得手動保存還是非常不方便的，此時我們可以將vs code設置為自動保存代碼

單擊文件→選擇自動保存選項

3、在編寫完代碼以后，點擊Open with live Server運行

運行成功之后可以嘗試改動代碼，會發現瀏覽器自動刷新，并呈現修改過后的頁面


（寫在最后：新來的小白，希望我的文章能幫到你們，望各位大佬不要嫌棄~）

總結

以上是生活随笔為你收集整理的如何实现vs code编写的代码在浏览器自动刷新显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。