webstorm 實時調試刷新瀏覽器

 一、安裝JetBrains IDE Support

谷歌瀏覽器插件下載-JetBrains IDE Support 2.0.7.crx

 

1) 谷歌瀏覽器打開一個標簽頁 ，輸入chrome://downloads/ 打開下載頁面 

2)谷歌新建一個頁面輸入 chrome://extensions/  ，文件JetBrains IDE Support 2.0.7.crx 拖入到這個頁面安裝

安裝完成

 

如何安裝CRX格式？Chrome插件離線安裝，CRX格式安裝方法

 

 

1.谷歌瀏覽器添加插件 【JetBrains IDE Suport】擴展程序

2.webstorm 打開【File】-【Settings】 搜索live edit 設置Auto in(ms) 時間 ，勾選 Restart if hotswap fails.

 

參考：

手把手教你WebStorm+chrome實現時時調試刷新

 

二、谷歌瀏覽器設置

谷歌瀏覽器 設置-更多工具-擴展程序

點擊選項

設置端口號 跟webstorm里一樣

只填寫端口號就可以

 

webstorm查看默認本地環境端口號 

【File】-【Settings】-【Build,Execution,Deployment】-【Debugger】- Built-in server [Port] 設置

webstorm 本地沒有開啟服務的情況下

三、測試頁面

頁面文件上右鍵 debug

 綠色的 直接刷新頁面