WebStorm live edit 浏览器实现同步实现步骤

1.打开WebStore的设置对话框,找到live edit选项,选中Enable live editing。

2.打开Chrome浏览器,进入Chrome网上商店,搜索JetBrains IDE Suport扩展程序。点击“添加至Chrome“按钮,安装该扩展程序到Chrome。这时候,Chrome浏览器工具栏上就会出现一个JB图标。注(有时可能在网上商店里搜索不到,我这里提供了一个地址:https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji )

3.在WebStorm中新建一个html文件,然后按ALT+F2打开浏览器选择浮动窗,选Chrome,查看正在编辑的网页。

4.切换到WebStorm,修改html/css/JS,然后切换了到Chrome,你会发现chrome那边跟着也变了。如果你觉得效果还不够理想,那就并排打开WebStorm和Chrome,惊呼So Cool去吧。

时间: 2024-11-07 05:50:08

WebStorm live edit 浏览器实现同步实现步骤的相关文章

修改Host文件,实现Android的SDK更新与Chrome浏览器书签同步

有些地方的网络不能使用某些软件,比如"自由门",来实现这个功能.因此,我们可以通过修改Host文件的方法实现Android的SDK更新与Chrome浏览器书签同步. 唉,做个程序员真难啊. 大家把下面的内容粘贴到Host文件下面即可. 我的Host的文档目录C:\Windows\System32\drivers\etc\hosts #google_android更新 203.208.46.146 dl.google.com 203.208.46.146 dl-ssl.google.co

我的浏览器标签同步方案:坚果云+Floccus

前言 floccus github地址: https://github.com/marcelklehr/floccus Floccus插件是一款浏览器书签收藏同步插件,支持Chrome和Firefox浏览器,用户可以通过Nextcloud,WebDAV或本地文件快速同步书签,便捷浏览. XBEL 地址: http://xbel.sourceforge.net/ The XML Bookmark Exchange Language, or XBEL, is an Internet "bookmar

chrome 浏览器 手动同步书签 && 安装离线插件

现在查的很严,所以使用chrome浏览器 同步功能不是特别好,就算是FQ也会出现 同步延迟的情况,所以定时使用手动同步还是很靠谱的行为,就在网上找了下,借鉴下.亲测可用. 在Chrome浏览器没有一个提交和Google账户进行同步的按钮,不过使用中发现可以在Chrome的"设置"--"个人资料"--"登录"项里面的"高级"项,点击后出现的对话框中有个"使用默认设置",这个按钮其实就相当于手动提交同步的按钮,

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

1. 打开Chrome浏览器,点击右上角的“自定义及控制”按钮,选择“更多工具”-->”扩展程序”,打开“扩展程序”页面. 其实以上步骤可以简化为:用Chrome打开chrome://extensions/,如上图所示. 2.点击“获得更多扩展程序”,进入“Chrome网上商店”,搜索“JetBrains IDE Support”扩展程序.点击“添加至Chrome”按钮,安装该扩展程序到Chrome.勾选后面的“应用”,安装成功后Chrome浏览器工具栏上会出现一个"JB"图标.

windows下 MySQL数据库双向同步 配置步骤

      最近在项目中遇到了要实现服务器上MySql数据双向同步,在网上找了很多资料,但是大部分都是在liux系统下配置的, 而且都是互相转载,没有一个详细的步骤,于是决定写一个windows系统下的完整配置,与大家分享,如有不足之处, 请大家指正.   工具/原料 两台服务器,操作系统均为window2012 数据中心版,其中一台服务器为A,IP地址为:192.168.1.2,另外一台为B,IP地址为:192.168.1.3 mysql  的版本最好保持一致,大版本号一定要一致,小更新不影响

火狐Firefox浏览器安装Selenium_IDE的步骤以及其使用规则

火狐浏览器安装Selenium ide图解步骤 步骤1.用火狐浏览器进入selenium官网,地址:http://docs.seleniumhq.org/,点击Download Selenium,如下图所示: 步骤2.安装好后,可在火狐浏览器的附加组件中看到,如下图所示: 安装完之后, 点击红色的按钮进行录制,然后保存,然后结束后,点击红色按钮进行结束录制,然后点击左侧绿色的可以运行. 心得总结 作为一个之前没接触过selenium的新手来说,如果之前有过写代码的经验,那么学习起来就会更加快速!

MySQL主从同步详细步骤

本文档以Ubuntu作为主服务器,Win7作为从服务器进行测试.要保证主从服务器之间能够互相通信(即能相互ping通). 主服务器ip地址:192.168.13.81 从服务器ip地址:192.168.13.82 ? 测试通信状况: 主可以ping通从: 从可以ping通主: 1.?备份主服务器的数据在终端执行如下命令:mysqldump -uroot -pmysql--all-databases --lock-all-tables > ~/master_db.sql 将来会在家目录下生产一个m

IOS 照片浏览器总结(思想步骤)

1. 界面分析========================================1> 需要读取或修改属性的控件需要设置属性// 序号标签// 图片// 图片描述// 左边按钮// 右边按钮2> 需要监听响应事件的对象,需要添加监听方法// 左边按钮// 右边按钮 2. 手码懒加载创建控件的步骤========================================1> 定义控件属性,注意:属性必须是strong的,示例代码如下:@property (nonatomi

mysql主从同步配置步骤

1. 启用 主库的 log_bin 日志,设置日志格式 binlog_format=MIXED,或者 binlog_format=ROW, 启用主库的 server-id #主库上加 #只记录 ka_app 库的同步日志 binlog_do_db=ka_app #不记录下列库的同步日志 binlog_ignore_db=mysql binlog_ignore_db=performance_schema binlog_ignore_db=information_schema binlog_igno