当前位置: 代码迷 >> 综合 >> WebStorm 6.0的live edit功能实现步骤
  详细解决方案

WebStorm 6.0的live edit功能实现步骤

热度:14   发布时间:2023-12-12 23:35:48.0

http://hi.baidu.com/shaw_cd/item/8af86aa0e6c098a029ce9d1e

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。
  相关解决方案