WebStorm 9 配置 Live Edit 功能与浏览器实现同步

1、打开Chrome浏览器，点击右上角的“自定义及控制”按钮，选择“更多工具”-->”扩展程序”，打开“扩展程序”页面。

其实以上步骤可以简化为：用Chrome打开chrome://extensions/，如上图所示。

2、点击“获得更多扩展程序”，进入“Chrome网上商店”，搜索“JetBrains IDE Support”扩展程序。点击“添加至Chrome”按钮，安装该扩展程序到Chrome。勾选后面的“应用”，安装成功后Chrome浏览器工具栏上会出现一个"JB"图标。

3、打开WebStorm，新建一个Emmet.html文件，菜单Run-->Debug，然后选择“Emmet.html”，这时会同步启动Chrome打开Emmet。并且提示”JetBrains IDE Support 正在调试此标签页“。

点如下图的下拉箭头，选择Edit Configurations，打开Run/Debug Configurations对话框，你会发现已经在JavaScript Debug下新建了Emmet.html。

4、下面开始测试，切换到WebStorm，修改Emmet.html，根本不需要保存操作，切换到Chrome，你会发现Chrome同步实时渲染好了该页面。

5、以后你可以点击如下图的工具按钮打开Chrome来实时查看渲染效果，快捷键为Shift+F9。

转载于:https://www.cnblogs.com/wind128/p/4227422.html

WebStorm 9 配置 Live Edit 功能与浏览器实现同步相关推荐

在Apache上配置防盗链功能和隐藏版本号
文章目录在Apache上配置防盗链功能安装DNS服务配置http服务软件目录开启服务开启服务源站进行防盗链操作隐藏版本信息步骤使用抓包工具查看版本信息隐藏设置在Apache上配置防 ...
通过域名访问路由器配置界面的功能实现
需求背景: 目前路由器的配置界面是通过输入网关IP来访问,市面上其他的路由器可以通过域名来访问,例如腾达路由器的配置界面地址 routendawifi.com. 所以我们也希望支持域名访问路由器的配置 ...
camera中文版软件 ip_911 S5使用教程动态IP代理配置VMlogin中文版反指纹浏览器Multilogin浏览器教程...
今天小编来介绍下如何使用在VMLogin中文版设置911 S5代理首先下载VMLogin中文版反指纹防关联浏览器(https://cn.vmlogin.com) VMLogin中文版反指纹浏览器界面 ...
VSCode JS主题风格与样式环境配置 settings.json 文件配置完成 webstorm风格化配置
webstorm 很好用,但破解版难找,有些功能可能还存在问题(本人用的破解版在全局搜索上不对),而学生认证暂时的,因此不如直接把VScode 配置成webstorm样式,风格化很接近了.有注释参考. ...
JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
JS组件系列--Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案参考文章: (1)JS组件系列--Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案 (2) ...
《系统集成项目管理工程师》必背100个知识点-77配置审计的功能
配置审计的功能是什么? 配置审计包括功能审计和物理审计,为了验证当前配置项的一致性和完整性.其中, 功能审计为了验证配置项已经达到需求所规定的性能和功能.一致性. 物理审计主要为了确认配置项是否存在, ...
在webstorm中配置sass的自动编译，并且可以指定编译后的css的目录.
参考: WebStorm-2018.2-Help-Sass, Less, and SCSS 作者:tobyDing 链接:https://www.jianshu.com/p/0fe52f149cab ...
linux使网卡点亮_Linux下无线网卡配置无线唤醒功能的方法
原标题:Linux下无线网卡配置无线唤醒功能的方法导读Wake-on-LAN(WOL)是一个以太网标准,它允许服务器通过一个网络消息而被打开.你需要发送一个"魔法数据包"到支持 ...
服务器虚拟kvm是什么意思,服务器配置虚拟kvm功能
服务器配置虚拟kvm功能内容精选换一换对于不同的硬件设备,通过在BIOS中设置一些高级选项,可以有效提升服务器性能.服务器上的SMMU一般用来完成设备的地址转换,并且可以实现设备隔离,在虚拟化 ...

WebStorm 9 配置 Live Edit 功能与浏览器实现同步

WebStorm 9 配置 Live Edit 功能与浏览器实现同步相关推荐

最新文章

热门文章