背景

? ?平時在寫前端代碼的時候，為了提高效率，修改代碼后能在瀏覽器中同步查看修改內容。下面介紹下不用再瀏覽器中安裝任何插件，只需要在vs code中安裝live-serve即可，告別Livereload。

解決方案

1、安裝live-server，在vs code終端執行

npm install?live-server -g

2、啟動live-server，在vs code終端執行

live-serve

3、右鍵html文件，選擇如下選項，會在你的默認瀏覽器中打開此html文件；然后就可以愉快的編寫啦。

---

可能遇到的異常情況

異常1

無法加載文件 E:\nodejs\node_global\webpack.ps1，因為在此系統上禁止運行腳本有關詳細信息，請參閱 https:/go.microsoft.com/fwlink/?LinkID=135170

解決辦法：

1.退出軟件，以管理員身份運行vs code2.在vs code終端執行：get-ExecutionPolicy顯示Restricted（表示狀態是禁止的）3.在vs code終端執行：set-ExecutionPolicy RemoteSigned4.在vs code終端執行：get-ExecutionPolicy顯示RemoteSigned表示開啟

異常2

Error: listen EACCES 0.0.0.0:8080

解決辦法：

live-server --port=7998

異常3

執行第3步時vs code提示：Open a folder or workspace… (File -> Open Folder)

解決辦法：

關閉vs code重新打開，選擇File->Open Folder...，再執行上面第3步就不會報錯了

?

?

總結

以上是生活随笔為你收集整理的VS code前端编辑浏览器自动刷新的全部內容，希望文章能夠幫你解決所遇到的問題。

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