个回答

• 好运男孩

  2017-09-03 07:53:35

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

  1. 打开WebStore的设置对话框，找到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去吧。

  

  
  

  1

• GivenCui

  2016-12-01 19:08:32

  同问, 目前我是用gulp + browsersync的方案
  

  0