文档章节

WebStorm8.0.3 Live Edit与Google浏览器实时无刷新自动加载页面

渊翼
 渊翼
发布于 2014/06/18 00:05
字数 306
阅读 11646
收藏 11

在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查看一下,是不是已经同步过来啦;浏览器上面的黄色背景提示条一定不能关闭,关闭了就不会实时同步啦。

© 著作权归作者所有

共有 人打赏支持
渊翼
粉丝 2
博文 6
码字总数 1019
作品 0
海淀
程序员
加载中

评论(2)

不得了啦
不得了啦
赞!!!
大飞哥2099
大飞哥2099
mark
Spring Boot干货系列:(十)开发常用的热部署方式汇总

文章来源:点击打开链接 前言 平时开发Sprig Boot的时候,经常改动个小小的地方就要重新启动项目,这无疑是一种很差的体验。在此,博主收集了3种热部署的方案供大家选择。 正文 目前博主用过...

u012843873
05/02
0
0
Meego上网本版体验-详细安装过程

MeeGo是诺基亚和英特尔宣布推出一个免费手机操作系统,中文昵称米狗,号称该系统可在智能手机、笔记本电脑和电视等多种电子设备上运行。既然这样那咱们就来试试, 首先到Meego的官网下载用于...

鉴客
2010/09/13
824
1
AngularJS路由与模板templateUrl学习笔记

AngularJS路由介绍 AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样。后台路由,通过不同的URL会路由到不同的控制器上(controller),再渲染(render)到页面(HTML)。A...

rock912
2016/07/13
52
0
从零开始搭Vue+webpack框架

前期准备 webpack vue.js npm nodejs ES6语法 由于本文内容是通过npm来加载vue,所以开始之前需安装nodejs环境,安装完成之后再执行以下步骤: 创建项目 使用 npm init 命令 生成package.jso...

筱飞
01/12
0
0
18个最好的 jQuery 表格插件

我们一般使用HTML表格来显示数据,我们都知道div更容易设计,更灵活。但是现在你使用这些精彩的jQuery表格插件,将更简单、灵活、更多风格。 本篇文章介绍了18个非常不错的jQuery 表格插件,...

老枪
2011/04/06
76.5K
7

没有更多内容

加载失败,请刷新页面

加载更多

下一页

es6

在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组 传入对象,返回属性名 var obj = {'a':'123','b':'345'};console.l...

不负好时光
24分钟前
0
0
叮!您收到一份超值Java基础入门资料!

摘要:Java语言有什么特点?如何最大效率的学习?深浅拷贝到底有何区别?阿里巴巴高级开发工程师为大家带来Java系统解读,带你掌握Java技术要领,突破重点难点,入门面向对象编程,以详细示例...

全部原谅
26分钟前
1
0
web.xml容器加载顺序

容器对于web.xml的加载过程是context-param >> listener >> fileter >> servlet

Aeroever
28分钟前
2
0
Docker容器日志查看与清理

1. 问题 docker容器日志导致主机磁盘空间满了。docker logs -f container_name噼里啪啦一大堆,很占用空间,不用的日志可以清理掉了。 2. 解决方法 2.1 找出Docker容器日志 在linux上,容器日...

muzi1994
29分钟前
0
0
J2Cache 和普通缓存框架有何不同,它解决了什么问题?

不少人看到 J2Cache 第一眼时,会认为这就是一个普普通通的缓存框架,和例如 Ehcache、Caffeine 、Spring Cache 之类的项目没什么区别,无非是造了一个新的轮子而已。事实上完全不是一回事!...

红薯
31分钟前
506
14

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部