WebStorm8.0.3 Live Edit与Google浏览器实时无刷新自动加载页面
2014-06-18 00:05
796 查看
在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查看一下,是不是已经同步过来啦;浏览器上面的黄色背景提示条一定不能关闭,关闭了就不会实时同步啦。
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查看一下,是不是已经同步过来啦;浏览器上面的黄色背景提示条一定不能关闭,关闭了就不会实时同步啦。
相关文章推荐
- WebStorm8.0.3 Live Edit与Google浏览器实时无刷新自动加载页面
- livereload-实时自动刷新页面(只要检测的文件夹中文件有修改,页面就会自动刷新)(适用pc端、移动端)
- Gulp.js-livereload 不用F5了,实时自动刷新页面来开发
- 页面加载之前自动刷新一次
- Grunt插件之LiveReload 实现页面自动刷新
- 使用nodejs+livereload页面开发自动刷新
- 页面加载后自动刷新一次的方法
- 页面加载之前自动刷新一次
- 详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
- JS实现页面加载完成之后自动刷新一次
- webstorm设置修改文件后自动编译并刷新浏览器页面
- 用gulp-livereload实现自动刷新页面(v3.0.2)
- Grunt插件之LiveReload 实现页面自动刷新,所见即所得编辑
- [转载]Grunt插件之LiveReload 实现页面自动刷新,所见即所得编辑
- phpstorm live Edit 自动刷新html、js、css设置
- 用gulp-livereload实现浏览器自动刷新页面
- Intellij IDEA 插件的安装(live edit为例,实现HTML自动换行缩进/保存/刷新等功能)
- Javascript实现页面加载完成后自动刷新一遍清除缓存文件
- webstorm设置修改文件后自动编译并刷新浏览器页面
- JS之页面自动刷新,用于需要实时更新页面