我正在使用 emacs 中的 HTML/CSS/JavaScript。我的工作流程目前是
Make a change -> Alt-Tab to browser -> F5 (refresh) -> Alt Tab to emacs
是否存在任何会在更改时自动刷新浏览器的扩展?或者,当我从 emacs 中按下组合键时,可能是一个更好的主意?
我正在使用 emacs 中的 HTML/CSS/JavaScript。我的工作流程目前是
Make a change -> Alt-Tab to browser -> F5 (refresh) -> Alt Tab to emacs
是否存在任何会在更改时自动刷新浏览器的扩展?或者,当我从 emacs 中按下组合键时,可能是一个更好的主意?
我试过不耐烦模式,它很好地满足了我的需要。它还可以扩展为做一些事情,例如,在 iframe 中与其他缓冲区一起显示您正在编辑的缓冲区的内容等。
选项1,间隔刷新浏览器:
通过在 html 文档中添加单个元标记,您可以指示浏览器以指定的间隔秒数自动刷新:
<meta http-equiv="refresh" content="3" />
选项 2,firefox 插件刷新文档更改:
一个名为XRefresh的 Firefox 附加组件将监视您的项目文件夹,并且每次检测到源文件发生更改时,它都会重新加载 Firefox。
选项 3,从 Emacs、vim 或 shell 脚本刷新页面:
有一个名为 IMACROS 的 firefox 插件,可让您定义一个脚本,该脚本将从磁盘上的文件远程控制 firefox。您可以创建一个远程控制脚本,然后编写 Emacs、vim 或 shell 脚本来告诉 firefox 在您准备好时运行远程控制脚本,从而刷新页面。您需要创建一个键盘挂钩以在保存时启动脚本。
我使用Yeoman,它可以帮助您构建 Web 应用程序,它使用 Grunt 和命令
$grunt server
这是一个启用“livereload”的简单设置。然后我设置我的本地主机或更确切地说是 IP:9000,它可以在保存所有监视文件(scss、js、coffee、html)等文件时实时重新加载我本地网络中的任何设备。所以你可以看到网站在保存时更改不仅在您的桌面上,但在您的平板电脑、移动设备、跨浏览器、智能电视等。
它还运行指南针、单元测试、丑化和连接、洗碗、遛狗。然后“$ grunt build”创建完整的发行版来部署。
值得一看,这是一个设置,我遇到了一些障碍,但你得到的结果令人惊讶。