WebStorm live edit功能与浏览器实现同步

WebStormliveedit功能与浏览器实现同步实现步骤:

1、打开WebStorm的设置对话框，找到liveedit选项，选中Enableliveediting。

2、打开Chrome浏览器，进入Chrome网上商店，搜索JetBrainsIDESuport扩展程序。点击“添加至Chrome“按钮，安装该扩展程序到Chrome。这时候，Chrome浏览器工具栏上就会出现一个JB图标。注(有时可能在网上商店里搜索不到，我这里提供了一个地址：https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji)

3、在WebStorm中新建一个html文件，然后按ALT+F2打开浏览器选择浮动窗，选Chrome，查看正在编辑的网页。

4、切换到WebStorm，修改html/css/JS，然后切换了到Chrome，你会发现chrome那边跟着也变了。如果你觉得效果还不够理想，那就并排打开WebStorm和Chrome，惊呼SoCool去吧。