WebStorm 6.0的live edit功能實現步驟


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。

發佈了59 篇原創文章 · 獲贊 4 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章