请问，采用webstorm可以实现可视化吗-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：1-1 前端实时可视化开发工具课程介绍

学前端的小橘子

2016-11-30 23:23

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

写回答关注

2回答

好运男孩

2017-09-03 07:53:35
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去吧。
0 1
GivenCui

2016-12-01 19:08:32

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

0 0

前端实时可视化开发工具体验

使用可见即可得的开发模式，极大提高前端开发效率

43944 学习 · 67 问题

相似问题

WebStorm+FireFox怎么实现？

回答 1

webstorm 支持这个插件吗？

回答 1

Browsersync可以在.net的环境下面运行吗，如果可以，怎么运行，下面的是我访问的链接，已经启动了，但是

回答 1

既然DW就可以替代这些东西了，为什么还要付出学习成本？

回答 1

请问这都是要在服务器环境下运行吗？

回答 2

打开慕课网App查看更多内容