Emacs有没有前端开发用的实时可视化工具?

比如像sublime就有livestyle,可以在浏览器中实时看到css文件更改后的效果。

使用firefox浏览器加 mozrepl 可达到前端开发时保存刷新页面的效果

1 个赞

“可视化”指的是预览?这是浏览器干的活,sublime text 能做的只是通知浏览器刷新而已,Emacs 也一样。

不知道你说的这个 livestyle 是如何通知浏览器的。

如果放到 Emacs 来做,我想应该是在文件保存的时候发出通知。这时又要考虑哪些文件通知,哪些文件忽略…一个专门的 Watcher 更适合做这件事,结合打包规则,忽略不关心的文件变更:

                 page.html <---- Browser
    Editor ----> style.css         ^
                     ^             |
                     |             | F5
                     |             |
                  Watcher ---------+

前端这方面工具不少: https://www.google.com/search?q=npm+watch+reload

2 个赞

编辑保存的时候通知浏览器刷新是比较环保♻️️的做法,但是在多人协作的情况下就不灵了。例如你从远程仓库同步了其他人的修改,这个时候编辑器不会通知浏览器刷新。还是得采用 Watch 的方式。

用 Emacs 做 Watcher 存在两个问题:

  • 性能(我猜的,毕竟多线程版 Emacs 还没有发布)
  • 除了前面提到忽略规则,还有就是前端项目通常需要一些预处理工作,例如:编译、合并、压缩、混淆…这也需要花费不少时间,这段时间你的编辑工作会受到影响。
1 个赞