WebStorm綁定Chrome瀏覽器實現實時自動刷新

• 2019 年 11 月 13 日
• 筆記

WebStorm是自帶Live Edit功能的，只是默認沒有開啟，設置方法如下：

1、Ctrl + Alt + S 打開設置 找到 Build, Execution, Deployment –> Debugger  –>  Live Edit –> 將 Update 修改為 Auto in (ms)，如下圖：

2、在 Chrome 瀏覽器中安裝 JetBrains IDE Suport  擴展。

擴展地址：點擊訪問 由於是谷歌商店地址，有些用戶可能無法訪問。

博主提供了本地下載包：JetBrains_IDE_Support_2.0.9

我也會重新開一篇文章，不定時進行更新：JetBrains IDE Support 瀏覽器自動刷新插件（不定時更新）

安裝好之後在地址欄的右邊會有一個 JB 的小圖標，單擊這個小圖標可以跳轉到 WebStorm 界面。

右擊 –> 選項，可以設置監聽的地址和端口，WebStorm默認的是63342端口。

3、要實現在 WebStorm 中編輯代碼，瀏覽器自動實時刷新，需要在 WebStorm 中開啟 Debug 模式，打開頁面，直接在 編輯器板右擊選擇 Debug 就可以啦！