IDEA安装配置LiveEdit

2580人阅读 评论(4) 收藏 举报
分类:

LiveEdit

IDEA可以通过LiveEdit插件来实现实时可视化开发;
WebStorm同样可以,且不用安装插件,浏览器需要安装。

IDEA先安装插件

1.CTRL+ALT+S 即打开设置
Settings->Plugins->Install JetBrains plugon…
搜索LiveEdit 安装插件


2.同时可以在Keymap中可以设置快捷键 LiveEdit
*3.Setting->Build,Execution,Deployment->Debugger->LiveEdit
对其自动刷新进行设置

浏览器安装插件

那些浏览器可以安装。以chrome为内核的皆可
1.360急速
2.UC浏览器
3.Chrome
因为国内上网问题
1.先安装插件谷歌访问助手
2.在谷歌商店搜索 JetBrains IDE Support 安装

使用

不用对其端口设置,打开页面在IDEA中直接修改浏览器即可显示。
如果用tomcat尝试修改端口号。

写在最后

不知是使用问题还是,并不支持JSP页面。
愿IDEA越做越好!

查看评论

phpstorm live Edit 自动刷新html、js、css设置

PHPSTORM的设置: Ctrl +Shift + A 呼唤出这个搜索界面,搜索plugin关键词,选择下图箭头指向回车进入设置 重启IDE Chrome浏览器设置...
  • u012906135
  • u012906135
  • 2017-02-08 11:39:07
  • 2377

IntelliJ IDEA 使用 LiveEdit 插件

在google Chrome中安装扩展程序:extension_2_0_9.crx 在IDEA中,File–>Setting–>plugins,搜索liveedit,安装liveedit插件。安装完之...
  • Cindypin
  • Cindypin
  • 2017-11-28 17:37:57
  • 285

Intellij IDEA 插件的安装(live edit为例,实现HTML自动换行缩进/保存/刷新等功能)

LiveEdit 有啥用? Intellij IDEA 默认自动保存的,根本不用 Ctrl+s LiveEdit 能自动更新浏览器里的网页,所以不用手动F5了 如果是是双屏见即所得了 和自动缩进等 ...
  • djzhao627
  • djzhao627
  • 2016-02-26 09:11:14
  • 3248

phpstorm live edit 功能的使用

火狐有类似的即时编辑,不过只能保存css
  • yukon12345
  • yukon12345
  • 2014-07-16 21:15:26
  • 3747

idea Editor LiveTemplates

idea Editor LiveTemplates
  • u013803262
  • u013803262
  • 2016-10-08 23:46:56
  • 499

WebStorm 6.0的live edit功能实现步骤

JetBrains最新发布的WebStorm 6.0确实是Web前端开发的最佳工具,试用了一下,简直爽惨了。破天荒地第一次自费掏腰包买了正版的,才99块(OSChina争取到了中国用户3折)。 ...
  • zf900901298
  • zf900901298
  • 2013-11-17 13:31:03
  • 1454

idea 插件的使用 进阶篇(个人收集使用中的)

idea 插件的使用 进阶篇(个人收集使用中的) 恭喜你,如果你已经看到这篇文章,证明在idear使用上已经初有小成!那么就要向着大神进发了! 下边就是大神之路!...
  • sunny243788557
  • sunny243788557
  • 2016-08-26 09:46:37
  • 65524

IDEA中的Bug,究竟知多少?

话说: 各位读者盆友,晚上好!遇到Bug是痛苦的,尤其是三下五除二搞不定的时候。一旦搞定,很有春风得意马蹄疾之感。在这里感谢网友的各种分享,网上比较零碎,我这里就来一个大荟萃!下面是我个人长期积累的...
  • meiceatcsdn
  • meiceatcsdn
  • 2018-02-23 21:08:57
  • 176

WebStorm 8.0.4的live edit功能实现步骤 以及 WebStorm 连接不上chrome 方法详解

1.打开WebStore的设置对话框,找到live edit选项,选中Enable live editing。 2.打开Chrome浏览器,进入Chrome网上商店,搜索JetBrain...
  • wandershi
  • wandershi
  • 2014-09-17 14:34:29
  • 2012

IDEA一些不错的插件分享

IDEA一些不错的插件分享 @(IDEA)[IDEA,插件] IDEA一些不错的插件分享 插件集合 CamelCase Translation LiveEdit MarkDown Naviga...
  • q547550831
  • q547550831
  • 2018-01-22 15:14:48
  • 2201
    个人资料
    持之以恒
    等级:
    访问量: 16万+
    积分: 3697
    排名: 1万+
    博客专栏