在網上看到JetBrains IDE Support外掛，好奇下載來耍耍。

1：下載外掛：chrome瀏覽器 --- 設定 --- 主題背景（需要FQ）--- 輸入JetBrains IDE Support下載

2：確定webstrom裡面埠號跟外掛埠號一致：

一：webstrom --- file --- setting --- 搜尋Debugger --- 埠號

二：chrome瀏覽器 --- 更多工具 --- 擴充套件程式 --- 下圖（預設埠號為63343） 確保兩者埠號一致

三：新建一個html檔案測試

在webstrom右上方找到add Configuration

輸入當前開啟頁面url  -- 儲存

點選上面這個小蟲子，debug

 好了，測試一下，改變html文字，頁面不重新整理也隨之變化，，，噓，不過發現一個問題，就是css檔案改變不會生效，後續找到正確使用方法在更新