码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-08-20 12:10:39      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

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去吧。

技术分享

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

标签:

原文地址:http://www.cnblogs.com/ArRan/p/4744342.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!