Intellij IDEA – LiveEdit 插件

LiveEdit 有啥用？

Intellij IDEA 默认自动保存的，根本不用 Ctrl+s,
LiveEdit 能自动更新浏览器里的网页，所以F5也省了

如果是是双屏的话，基本上所见即所得了

LiveEdit 视频演示

LiveEdit 如何安装？

LiveEdit 是之前  “Instant HTML Editing” 插件的新名字 （ What’s cooking: Instant HTML/CSS editing preview）， WebStorm & PhpStorm 5.0 开始集成，

Inellij IDEA 需要 Settings > Plugins > 启用一下，如找不到，点 Browse repositories 在仓库里挖挖看

启用之后会提示重启 Intellij IDEA.

打开html 之后 Run > Debug ‘filename.html’

会提示需要安装 Chrome 扩展，点蓝色的文字跳到 Chrome

有个视频会教你怎么装，总结下就是

1. 下载 jb.crx
2. 打开扩展页面拖进去。

装完后 Chrome 的 Console.log 都可以直接显示在 Intellij IDEA 里

PS2：chrome 调试器打开的时候 LiveEdit 失效，关掉会自动重新激活

IntelliJ IDEA, PHPStrom, WebStorm 前端开发指南.

https://github.com/damao/Intellij-IDEA-F2E

欢迎有爱的同学 Fork