webstorm綁定谷歌瀏覽器實時刷新

WebStorm8.0.3 Live Edit與Google瀏覽器實時無刷新自動加載頁面

摘要 WebStorm自身就不需要Ctrl+S進行保存，再結合Live Edit，直接一邊寫代碼一邊實時查看！再不需要Ctrl+S，F5！

 

 

在WebStorm8中是自帶Live Edit功能的，只是默認沒有開啟；

1、Ctrl + Alt + S --> Live Edit --> 勾選 Enable live editing，如下圖：

2、接下來就是要在Google瀏覽器中安裝 JetBrains IDE Suport 擴展，這里直接給出地址啦：

    https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji

安裝好之后在地址欄的右邊會有一個JB的小圖標，如果單擊這個小圖標可以切換到WebStorm的頁面中；

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

3、最后，要實現在WebStorm中編輯代碼，而不刷新瀏覽器自動實時更新，需要在WebStorm中開啟Debug模式打開頁面，直接在Project面板右擊頁面選擇Debug就行啦

好啦，一切OK啦，現在在WebStorm修改，然后切換到Google查看一下，是不是已經同步過來啦；瀏覽器上面的黃色背景提示條一定不能關閉，關閉了就不會實時同步啦。