WebStorm8.0.3 Live Edit与Google浏览器实时无刷新自动加载页面
博客专区 > 渊翼 的博客 > 博客详情
WebStorm8.0.3 Live Edit与Google浏览器实时无刷新自动加载页面
渊翼 发表于3年前
WebStorm8.0.3 Live Edit与Google浏览器实时无刷新自动加载页面
  • 发表于 3年前
  • 阅读 11397
  • 收藏 11
  • 点赞 1
  • 评论 2

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: WebStorm自身就不需要Ctrl+S进行保存,再结合Live Edit,直接一边写代码一边实时查看!再不需要Ctrl+S,F5!

在WebStorm8中是自带Live Edit功能的,只是默认没有开启;

1、Ctrl + Alt + S --> Live Edit --> 勾选 Enable live editing,如下图:

2、接下来就是要在Google浏览器中安装 JetBrains IDE Suport 扩展,这里直接给出地址啦:

    https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji

安装好之后在地址栏的右边会有一个JB的小图标,如果单击这个小图标可以切换到WebStorm的页面中;

右击--选项,可以设置监听的地址和端口,WebStorm默认的是63342端口;

3、最后,要实现在WebStorm中编辑代码,而不刷新浏览器自动实时更新,需要在WebStorm中开启Debug模式打开页面,直接在Project面板右击页面选择Debug就行啦

好啦,一切OK啦,现在在WebStorm修改,然后切换到Google查看一下,是不是已经同步过来啦;浏览器上面的黄色背景提示条一定不能关闭,关闭了就不会实时同步啦。

标签: WebStorm live edit
共有 人打赏支持
粉丝 2
博文 6
码字总数 1019
评论 (2)
大飞哥2099
mark
不得了啦
赞!!!
×
渊翼
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: