专栏首页前端资源WebStorm绑定Chrome浏览器实现实时自动刷新

WebStorm绑定Chrome浏览器实现实时自动刷新

WebStorm本身就不需要Ctrl+S进行保存,再结合Live Edit,可以一边写代码一边实时查看更新!再也不需要Ctrl+S,F5了!

WebStorm是自带Live Edit功能的,只是默认没有开启,设置方法如下:

1、Ctrl + Alt + S 打开设置 找到 Build, Execution, Deployment --> Debugger  -->  Live Edit --> 将 Update 修改为 Auto in (ms),如下图:

2、在 Chrome 浏览器中安装 JetBrains IDE Suport  扩展。

扩展地址:点击访问 由于是谷歌商店地址,有些用户可能无法访问。

博主提供了本地下载包:JetBrains_IDE_Support_2.0.9

我也会重新开一篇文章,不定时进行更新:JetBrains IDE Support 浏览器自动刷新插件(不定时更新)

安装好之后在地址栏的右边会有一个 JB 的小图标,单击这个小图标可以跳转到 WebStorm 界面。

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

3、要实现在 WebStorm 中编辑代码,浏览器自动实时刷新,需要在 WebStorm 中开启 Debug 模式,打开页面,直接在 编辑器板右击选择 Debug 就可以啦!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 获取不同手机浏览器的实际可用高度代码分享

    但是不同手机浏览器有自己的地址栏、状态栏等,window.screen.availHeight 取到的屏幕高度也包括了这两者,导至本来希望满屏显示的内容出现滚动...

    德顺
  • 利用CSS设置图片黑白/灰色效果

    为了形成对比,我把图片引入两次,其中一个添加了一个class g ,用来给它设置样式。

    德顺
  • jQuery实现本地input选择图片实时显示

    在写图片上传功能时,如果可以实时预览就好了,我们可以通过 jQuery 实现这一效果。

    德顺
  • 增长黑客死了!留存黑客又开始盛行!

    知乎盐选会员、京东Plus、阿里88VIP、美团外卖会员......忽如一夜春风来,互联网千家万户的梨花都开成了Costco。

    数据猿
  • Arduino 入门项目系列 (3) - 超声波距离检测警报器

    这周主要学习的是蜂鸣器和超声波传感器的使用,超声波传感器在智能小车上会有很多的用处。后来结合了 LCD 的使用,搭建了简易的距离检测警报器。

    caoqi95
  • 消息中间件--04. Kafka常用的命令

    现在我们来创建一个名字为testTopic和testTopic1 的Topic,这个topic有两个partition,并且备份因子也设置为2:

    付威
  • 从网络图探寻基因互作的蛛丝马迹(4)

    在前面的3期中,我们给大家讲解了网络图的构造、 STRING数据库和Cytoscape软件的安装,链接如下:

    用户6317549
  • 如何通过phpStudy的Composer下载TP6

    ThinkPHP(简称TP)是国产的一个专注于web应用快速开发的框架,在国内的PHP领域颇有名气。到目前为止,TP框架已经发展到版本6,简称TP6。

    邂逅千寻
  • 气象数据的常用格式以及处理的工具

      这次我们来简单了解下气象数据常用的格式以及处理的工具,常用的数据格式包括普通的二进制格式、文本数据、NetCDF、HDF4/5以及GRIB1/2数据。我们可...

    zhangqibot
  • AQS共享模式与并发工具类的实现

    一行一行源码分析清楚 AbstractQueuedSynchronizer (三)

    Java技术江湖

扫码关注云+社区

领取腾讯云代金券