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

WebStorm live edit功能与浏览器实现同步实现步骤:
1、打开WebStorm的设置对话框,找到live edit选项,选中Enable live editing。

2、打开Chrome浏览器,进入Chrome网上商店,搜索JetBrains IDE Suport扩展程序。点击“添加至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,惊呼So Cool去吧。

你可能感兴趣的:(webstorm)