Quantcast
Channel: php乐享网_乐于分享,快乐无限!
Viewing all articles
Browse latest Browse all 10

WebStorm live edit功能与浏览器实现同步实现步骤

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,查看正在编辑的网页。

web

web2

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

欢迎订阅PHP900网!

Viewing all articles
Browse latest Browse all 10

Latest Images

Trending Articles





Latest Images