JetBrains最新發布的WebStorm 6.0確實是Web前端開發的最佳工具,試用了一下,簡直爽慘了。破天荒地第一次自費掏腰包買了正版的,才99塊(OSChina爭取到了中國用戶3折)。
微博上有位小兄弟提到每次用WebStorm編寫完代碼後,要打開瀏覽器,清理一下緩存,然後才能看到結果,抱怨開發效率有點低。我猜他是習慣用DreamWeaver這種所見即所得的工具。說實話,前端開發用DreamWeaver,跟WebStorm相比,開發效率簡直就不是一個檔次的。至於這位小兄弟的問題,用WebStorm的“live edit”功能就可以搞定的。
好吧,好人做到底,我把步驟寫出來。
1.打開WebStore的設置對話框,找到live edit選項,選中Enable live editing。
2.打開Chrome瀏覽器,進入Chrome網上商店,搜索JetBrains IDE Suport擴展程序。點擊“添加至Chrome“按鈕,安裝該擴展程序到Chrome。這時候,Chrome瀏覽器工具欄上就會出現一個JB圖標。
3.在WebStorm中新建一個html文件,然後按ALT+F2打開瀏覽器選擇浮動窗,選Chrome,查看正在編輯的網頁。
4.切換到WebStorm,修改html/css/JS,然後切換了到Chrome,你會發現chrome那邊跟着也變了。如果你覺得效果還不夠理想,那就並排打開WebStorm和Chrome,驚呼So Cool去吧。
Over。