比如像sublime就有livestyle,可以在浏览器中实时看到css文件更改后的效果。
使用firefox浏览器加 mozrepl 可达到前端开发时保存刷新页面的效果
1 个赞
“可视化”指的是预览?这是浏览器干的活,sublime text 能做的只是通知浏览器刷新而已,Emacs 也一样。
不知道你说的这个 livestyle 是如何通知浏览器的。
如果放到 Emacs 来做,我想应该是在文件保存的时候发出通知。这时又要考虑哪些文件通知,哪些文件忽略…一个专门的 Watcher 更适合做这件事,结合打包规则,忽略不关心的文件变更:
page.html <---- Browser
Editor ----> style.css ^
^ |
| | F5
| |
Watcher ---------+
2 个赞
编辑保存的时候通知浏览器刷新是比较环保♻️️的做法,但是在多人协作的情况下就不灵了。例如你从远程仓库同步了其他人的修改,这个时候编辑器不会通知浏览器刷新。还是得采用 Watch 的方式。
用 Emacs 做 Watcher 存在两个问题:
- 性能(我猜的,毕竟多线程版 Emacs 还没有发布)
- 除了前面提到忽略规则,还有就是前端项目通常需要一些预处理工作,例如:编译、合并、压缩、混淆…这也需要花费不少时间,这段时间你的编辑工作会受到影响。
1 个赞