WebStorm live edit 浏览器实现同步实现步骤
2024-09-03 23:16:34
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去吧。
最新文章
- Hibernate —— 检索策略
- 在web.xml注册applicationContext.xml配置文件
- IIS出现问题时修改配置文件的几项说明
- 用cookie记住用户名
- 浅谈JavaScript中的变量、参数、作用域和作用域链
- jquery.dataTable分页
- iOS版本检测与版本升级
- 【 POJ - 3801】Crazy Circuits(有源汇、上下界最小流)
- Mac必备软件推荐
- mysql的下载地址+Download WinMD5
- 程序中编写log日志
- Postman-----构建工作流程(用于某个请求完成后从指定的请求开始继续运行)
- noi.ac #289. 电梯(单调队列)
- vue drag 对表格的列进行拖动排序
- js千分位加逗号
- Centos yum 命令行 安装KDE Desktop
- SSH, 整合分页功能,连带DAO经典封装
- (动规 或 最短路)Help Jimmy(poj 1661)
- [AHOI2013]作业
- data.frame和matrix的一些操作