为了账号安全,请及时绑定邮箱和手机立即绑定

请问,采用webstorm可以实现可视化吗

请问,采用webstorm可以实现可视化吗

正在回答

2 回答

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

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

http://static.mukewang.com/img/59ab433e0001a7f106290458.jpg

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

http://static.mukewang.com/img/59ab43850001cf2710090471.jpg

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

http://static.mukewang.com/img/59ab443100012c8e12800748.jpg

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

http://static.mukewang.com/img/59ab445e0001877a11010638.jpg


1 回复 有任何疑惑可以回复我~

同问, 目前我是用gulp + browsersync的方案

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问,采用webstorm可以实现可视化吗

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信