使用新版webstorm和Chrome配合，实现实时刷新，可以边写代码边看效果

使用webstorm和Chrome配合，实现实时刷新，

使用过webstorm的都知道，自身不需要Ctrl+S进行保存的，这里再结合Live Edit，可以实现一边写代码，一边实时查看。

1，第一步因为在webstorm中自带的Live Edit功能是默认关闭的，所以第一步要打开
不知道怎么打开的看在下图
图片中我的已经打开了，时间单位是毫秒，可以自由修改，我比较懒，所以就没有更改，而且还可以设置只同步HTML和CSS还是HTML和CSS还有js一起同步，这个根据需要自行选择，我在这里选择了三个，在上面还有一个选项是Node.js的，需要了自行打钩。
2，第二步就是要在Chrome浏览器中安装JetBrains IDE Suport 扩展插件，
安装好之后在地址栏的右边或者在插件管理里面会有一个JB的小图标，如果需要设置端口和地址，可以找到选项进行设置，webstorm默认的是63342端口，不需要修改
3最后一步.右键需要实时刷新的文件，选择红色圈内这一项，如果地址栏弹出黄色警示框，不要关闭，否则会停止实时刷新。以前按F12或者Ctrl+shift+i会关闭实时刷新，现在不会了。

最后多说一句，如果谷歌浏览器没有登录，没有翻墙的话是无法下载插件的，不过，我想作为一个开发人员，这个不是事。