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文件拖入窗口中即可安裝。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM