背景

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

解決方案

1、安裝live-server，在vs code終端執(zhí)行

npm install?live-server -g

2、啟動(dòng)live-server，在vs code終端執(zhí)行

live-serve

3、右鍵html文件，選擇如下選項(xiàng)，會(huì)在你的默認(rèn)瀏覽器中打開此html文件；然后就可以愉快的編寫啦。

---

可能遇到的異常情況

異常1

無法加載文件 E:\nodejs\node_global\webpack.ps1，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本有關(guān)詳細(xì)信息，請(qǐng)參閱 https:/go.microsoft.com/fwlink/?LinkID=135170

解決辦法：

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

異常2

Error: listen EACCES 0.0.0.0:8080

解決辦法：

live-server --port=7998

異常3

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

解決辦法：

關(guān)閉vs code重新打開，選擇File->Open Folder...，再執(zhí)行上面第3步就不會(huì)報(bào)錯(cuò)了

?

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。