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

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

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

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

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

安裝好以後在地址欄的右邊會有一個JB的小圖標，若是單擊這個小圖標能夠切換到WebStorm的頁面中；

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

三、最後，要實如今WebStorm中編輯代碼，而不刷新瀏覽器自動實時更新，須要在WebStorm中開啓Debug模式打開頁面，直接在Project面板右擊頁面選擇Debug就行啦

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