WebStorm 6.0的live edit功能实现步骤

来源：互联网发布：华三端口和ip绑定编辑：程序博客网时间：2024/06/05 20:38

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。