使用Webstorm 9.0进行实时编辑

时间:2015-01-08 01:08:48

标签: javascript webstorm liveedit

我已经浏览了此链接https://confluence.jetbrains.com/display/WI/Live+Edit以及此问题主题Webstorm LiveEdit for chrome not working,但仍然无法让我的Webstorm实时编辑工作。

我启用了实时编辑插件,自动重新加载设置(300毫秒)和jetbrains chrome扩展程序已安装。当我激活调试模式时,项目在浏览器中打开正常但在调整内容或保存文件时页面不会主动重新加载。我注意到的一件事(以及上面的链接推荐)是确保在视图菜单下拉列表中单击了实时编辑,但我没有在常规运行或调试模式下使用该选项。

知道我怎么能让它正常工作?如果您需要更多信息来解决此问题,请告诉我。

2 个答案:

答案 0 :(得分:1)

我也有同样的问题,但如果你需要实时编辑,可以选择一种方法:

尝试右键单击html文件(假设为index.html),然后选择debug index.html选项。然后这将在顶部生成一个选项。因此,每当您点击错误图标时,它都会打开Chrome,您在index.html上所做的每项更改都会立即显示在Chrome上。

此外,如果您在WebStorm中选择一些代码,它将在Chrome上显示为黄色。

答案 1 :(得分:0)

我今天遇到了同样的问题。我正在使用WebStorm 2016.2.2。此外,chrome的扩展确实想要连接。以下步骤解决了我的问题:

验证IDE中的配置是否与浏览器中的扩展名匹配。

enter image description here

enter image description here

将网址路径复制到63342.现在我们转到浏览器。右键单击JB扩展图标。

enter image description here

确保您的扩展程序设置符合IDE配置。

enter image description here

希望这有助于更新版本的WS !!!