IntelliJ IDEA 使用 LiveEdit 插件實現實時可視化前端開發

之前因為公司很多都是C#后臺項目，所以一直用的Visual Studio開發。而在VS里會自帶實時刷新功能，即：在IDE中修改的CSS代碼會同步反映在頁面上，而不用我們手動F5刷新。

先在因為在考慮做自己的個站，所以打算轉JSP模式，IDE選擇了Jet Brains的IntelliJ IDEA，內置同步發布、數據庫管理等等，功能確實很強大，但發現每次修改頁面代碼都得刷新才能看到效果，著實很麻煩。所以安裝了LiveEdit插件來實現實時可視化開發，接下來分享一下安裝步驟，非常簡單。

?

第一步：下載LiveEdit插件

---

?

在IDE中進入“文件（File）→設置（Settings）→插件（Plugins）”中查找LiveEdit。如果你用的IDE版本沒有內置這一插件，可以點擊，會自動加載插件列表，這個過程可能會等待一段時間，請保持耐心。然后找到插件，點擊下載即可。隨后根據提示重啟IDE。

?

第二步：在Chrome中安裝JetBrains IDE Support擴展程序

---

?

僅僅是在IDE中安裝好插件還不行，我們還需要得到瀏覽器的支持。可以點擊這里下載。下載文件為一個100多K的crx文件，隨后點擊“更多工具→擴展程序”，如圖。

將下載的crx文件拖入窗口中即可安裝。

轉載于:https://www.cnblogs.com/holyday/p/7844817.html

總結

以上是生活随笔為你收集整理的IntelliJ IDEA 使用 LiveEdit 插件实现实时可视化前端开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。