javascript - 如何使用 guard-livereload 编写 JavasScript 项目？

Question

我想开始学习JS。我找到了 gem guard-livereload。

在我的 Rails 应用程序中，它运行良好。但我想用它来为简单的 JS 脚本重新加载本地文件。

所以我安装了 guard-livereload 到 rvm gemset global。创建了新目录 javascript添加到 Guardfile

# https://github.com/guard/guard-livereload
guard :livereload do
  watch(%r{.+\.(html|css|js)$})
end

使用 Livereload 扩展 (1.6) 打开 Chrome

这是我的控制台:

> guard                                                                                                                                                                    /Users/rege/Code/javascript 1.9.3p194 @
Guard could not detect any of the supported notification libraries.
Guard is now watching at '/Users/rege/Code/javascript'
LiveReload 1.6 is waiting for a browser to connect.
Browser connected.
Browser URL: file://localhost/Users/rege/Code/javascript/examples/example_1_2.html
Reloading browser: examples/example_1_2.html
Reloading browser: examples/example_1_2.html
Reloading browser: examples/example_1_2.html

我的守卫版本:

> gem list guard                                                                                                                                                           /Users/rege/Code/javascript 1.9.3p194 @

*** LOCAL GEMS ***

guard (1.3.0)
guard-livereload (1.0.0)

一切似乎都有效，但 Chrome 不刷新页面。

Answer 1

在 Chrome 中，您必须明确授予扩展程序对文件 url 的权限。右键单击 LiveReload 图标，转到管理扩展，并授予 LiveReload 文件 url 的权限。