问题标签 [livereload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5165 浏览

sass - Sublime Text 是否支持 CSS/SASS 文件的实时编辑?

Sublime Text 是否支持实时编辑文件?

我正在寻找更好的工作流程。我真的很喜欢 Sublime Text,但最近我被 Codepen.io 和(最近测试的)Adobe Brackets 等工具的“实时编辑”功能宠坏了。当我回到 Sublime 时,相比之下,即使 Live Reload 也显得笨拙。

Live Reload:按 Save To Preview..
我正在使用 LiveReload Chrome 插件,根据项目(Ruby 或 JS),我将使用 Guard 或 Grunt 来观看系统文件。我喜欢 LiveReload。但是必须在文件上按“保存”才能在浏览器中查看其更改,这让我发疯了。即使使用 CSS 样式注入(没有完整的浏览器重新加载),与 Codepen 和 Brackets 相比,它们在您键入时会立即更新。

其他工具
** GUI 工具 **:我听说过 Codekit 和 Hammer 之类的工具。如果我错了,请纠正我,但他们似乎完全按照 Gaurd 和 Grunt 所做的 - 除了没有命令行。

** Chome Tools Spaces **:在浏览器中编辑 Sass 的能力很酷。我已经设置了这个,但我很少使用它。在 Sublime Text 中编辑 HTML/CSS/Sass 在各个方面都优于 Chrome 工具。到那时,它远远优于 Adob​​e Brackets,这就是为什么我(此时)不考虑使用它的原因(而且似乎大多数 Brackets 的“酷特性”都适用于 vanilla CSS,而不是 Sass)。

** Live Style:我已经尝试过了,但我无法让它工作。

我一定在谷歌上搜索过“Live editing Sublime”、“Live Refresh Codepen Sublime Text”等。今年一千次,结果很糟糕。

如果有人有任何信息宝石,请将此添加到此,请张贴!

0 投票
0 回答
167 浏览

stylus - 通过网络驱动器实时重新加载

我正在尝试使用 CodeKit、LiveReload 或 grunt watch 来立即查看网络驱动器上文件的更改。我的 Stylus 文件的编译完成大约需要 7 秒,而它们在浏览器中显示需要另外 10-20 秒。

除了将网站移动到本地硬盘之外,还有什么方法可以加快网站的响应速度?

0 投票
3 回答
1095 浏览

windows - 初始化 guard-livereload 时出错

我正在尝试在 Windows 上安装 guard live reload。到目前为止,我已经安装了防护并通过捆绑器工作。但是在安装 livereload gem 并尝试之后guard init livereloadbundler exec guard init livereload我得到以下信息:

10:12:46 - ERROR - Could not load 'guard/livereload' or '~/.guard/templates/live reload' or find class Guard::Livereload

0 投票
4 回答
3797 浏览

gruntjs - 如何在 Yeoman 中通过 Livereload 更改自动打开页面?

当我使用 yeoman 并运行grunt server时,livereload 会自动打开一个网页 127.0.0.1:9000。但是我使用 nginx 代理 127.0.0.1:9000 到 foo.com,所以我想自动打开 foo.com 而不是 127.0.0.1:9000。

我检查Gruntfile.js并找到了配置,但似乎无法更改主机名:

我无法更改选项中的端口和主机名,因为服务器仍应在 9000 中运行,如果我这样做,Fatal error: listen EACCES将显示。我只想更改自动打开页面。

还有其他文档可以在 grunt 中自定义 livereload 吗?

我只是由 yeoman 生成这些文件。

Gruntfile.js:

包.json:

0 投票
0 回答
871 浏览

javascript - grunt-includes 插件不适用于 livereload

我有个问题。我在我的项目中使用https://github.com/vanetix/grunt-includes,安装后我的 livereload 插件停止工作,我在编辑 html 文件时看不到更改。你能帮帮我吗?

我的咕噜声文件:

编辑:

我只是将包括:服务器移动到 liverelad 功能,它的工作。

0 投票
2 回答
3951 浏览

performance - 用 livereload 咕哝,减慢

这是我的Gruntfile.js

这是来自grunt watch


  1. ..so,为什么 livereload 需要这么多时间来刷新页面,10 秒来预览我的 .scss 文件中的任何更改,以及如何不完全刷新页面而只在页面中注入 .css 更改?
  2. ..我想知道的另一件事是如何避免 app.css 上的编译滞后,这花了将近 4 秒,甚至没有改变?

我正在使用带有此配置的 livereload 浏览器扩展。

谢谢。

0 投票
0 回答
481 浏览

javascript - 使用 Yeoman 打包的 Grunt.js/Grunt-contrib-watch 不起作用

我最近安装了 Yeoman,发现包含的 livereload 功能(由 grunt-watch-contrib 提供)不起作用。事实上,除了完全重新启动 Node 服务器之外,我实际上可以在浏览器中看到我的 SCSS 更改。我什至不知道从哪里开始寻找以解决此问题,因为发生的任何错误都是无声的。

我可能做错了什么?这不是应该“开箱即用”吗?

我正在使用 OS X Mavericks。

这是 grunt watch --verbose 的输出:

0 投票
2 回答
1033 浏览

gruntjs - 在 grunt 服务器任务期间 Grunt watch 不起作用

我将 Grunt 与执行监视任务的 grunt 服务器任务一起使用。不幸的是,在保存了一个less或coffee文件后,应该由watch taks触发的“默认”任务没有被触发,因此浏览器不会重新加载。

我正在寻找问题,但没有找到合适的解决方案。

这是我的Gruntfile.coffee的摘录:

提前谢谢你的帮助!:)

0 投票
2 回答
1446 浏览

livereload - 如何使用guard livereload连接浏览器

我无法将 livereload 与我的浏览器连接当我运行 guard 命令时,这是我在输出中得到的: 在此处输入图像描述

通常我应该有这样的消息:

在此处输入图像描述

请帮我 !!!

0 投票
1 回答
100 浏览

gruntjs - grunt-contrib-watch 触发器文档准备就绪

我有 grunt-contrib-watch 工作,但如果我在 jQuery(document).ready 下更改 javascript,我必须重新加载页面。

是否可以让手表触发文档就绪事件,这样我就不必刷新页面?