文档章节

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

渊翼
 渊翼
发布于 2014/06/18 00:05
字数 306
阅读 11624
收藏 11
点赞 1
评论 2

在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
博文 6
码字总数 1019
作品 0
海淀
程序员
加载中

评论(2)

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

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

u012843873 ⋅ 05/02 ⋅ 0

Meego上网本版体验-详细安装过程

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

鉴客 ⋅ 2010/09/13 ⋅ 1

AngularJS路由与模板templateUrl学习笔记

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

rock912 ⋅ 2016/07/13 ⋅ 0

前端轻松开发指南

相信大家最初做页面的时候,都是拼命的按着shirt,而且玩命的在编辑器和浏览器之间切换,再玩命的F5,说实话真的挺傻的。在此我来分享一下我工作方式,相信能让大家工作的轻松点。 首先,用点...

limichange ⋅ 2013/05/26 ⋅ 0

从零开始搭Vue+webpack框架

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

筱飞 ⋅ 01/12 ⋅ 0

18个最好的 jQuery 表格插件

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

老枪 ⋅ 2011/04/06 ⋅ 7

JS代码覆盖率工具--ScriptCover

ScriptCover是Google推出的一款JavaScript代码覆盖率分析工具,为Web页面提供实时、逐行的代码覆盖分析。Google表示,ScriptCover最终将应用在Chrome浏览器上成为它的一个扩展。 ScriptCove...

匿名 ⋅ 2011/11/01 ⋅ 0

Google开源JavaScript代码覆盖率工具

Google已经宣布ScriptCover将作为一个开源项目发布。ScriptCover是Google推出的一款JavaScript代码覆盖率分析工具,为Web页面提供实时、逐行的代码覆盖分析。Google表示,ScriptCover最终将应...

小卒过河 ⋅ 2011/11/01 ⋅ 5

几款实用的Chrome 扩展程序

几款实用Chrome插件   时下很多人都用上了Google Chrome浏览器,这款目前世界上最快的浏览器既简洁又高效,用来上网冲浪还真是不错。特别是最为开发者,这是非常好的工具。不过好马也得配好...

惠风康桥 ⋅ 2012/11/24 ⋅ 4

Javascript开发者必备的工具软件

导读:如果你想研究JavaScript并成为脚本开发的高手,那么就需要一些专门用于开发或测试JavaScript的软件,他们不仅可以提高你的开发速度,同时能大大减少BUG发生。 不管你是JavaScript新手还...

wankaiming ⋅ 2010/12/10 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

20.zip压缩 tar打包 打包并压缩

6月25日任务 6.5 zip压缩工具 6.6 tar打包 6.7 打包并压缩 6.5 zip压缩工具: zip支持压缩目录 zip压缩完之后原来的文件不删除 不同的文件内容其实压缩的效果不一样 文件内有很多重复的用xz压...

王鑫linux ⋅ 12分钟前 ⋅ 0

double类型数据保留四位小数的另一种思路

来源:透析公式处理,有时候数据有很长的小数位,有的时候由在四位以内,如果用一般的处理方法,那么不足四位的小树会补充0到第四位,这样子有点画蛇添足的感觉,不太好看。所以要根据小数的...

young_chen ⋅ 19分钟前 ⋅ 0

Python 优化 回溯下降算法

使用sympy构造表达式,实现回溯下降算法 画出函数图像,先使用暴力搜索,找到最小值约为2.5左右 然后选定初始点,开始进行回溯搜索,下降方向为负梯度方向 下降的误差与步数大致呈现下面的状...

阿豪boy ⋅ 24分钟前 ⋅ 0

Django配置163邮箱出现 authentication failed(535)错误解决方法

最近用Django写某网站,当配置163邮箱设置完成后,出现535错误即:smtplib.SMTPAuthenticationError: (535, b'Error: authentication failed') Django初始配置邮箱设置 EMAIL_HOST = "smtp.1...

陈墨轩_CJX ⋅ 25分钟前 ⋅ 0

用接口模拟可伸缩枚举(34)

1、枚举的可伸缩性最后证明都不是什么好点子 扩展类型的元素是基本类型实例,基本类型的实例却不是扩展类型的元素,很混乱 目前还没有很好的方法来枚举基本类型的所有元素,及其扩展 可伸缩性...

职业搬砖20年 ⋅ 29分钟前 ⋅ 0

Ubuntu18.04 IDEA快捷键无法使用

IDEA默认的回退到上一视图的快捷键是Ctrl + Alt + Left,在ubuntu中这个快捷键被占用了,在16.04中可以在界面中取消这个快捷键,但是18.04就看不到了,可以使用以下命令解决 gsettings set ...

Iceberg_XTY ⋅ 33分钟前 ⋅ 0

如何解决s权限位引发postfix及crontab异常

一、问题现象 业务反馈某台应用服务器,普通用户使用mutt程序发送邮件时,提示“postdrop warning: mail_queue_enter: create file maildrop/713410.6065: Permission denied”,而且普通用法...

问题终结者 ⋅ 45分钟前 ⋅ 0

Unable to load database on disk

由于磁盘空间满了以后,导致zookeeper异常退出,清理磁盘空间后,zk启动报错,信息如下: 2018-06-25 17:18:46,904 INFO org.apache.zookeeper.server.quorum.QuorumPeerConfig: Reading co...

刀锋 ⋅ 今天 ⋅ 0

css3 box-sizing:border-box 实现div一行多列

<!DOCTYPE html><html><head><style> div.container{ background:green; padding:10px 10px;}div.box{box-sizing:border-box;-moz-box-sizing:border-box; /* Fir......

qimh ⋅ 今天 ⋅ 0

Homebrew简介和基本使用

一、Homebrew是什么 Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径...

说回答 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部