PhpStorm和gulp LiveReload：如何让它们一起工作？

Question

我的目标是用PhpStorm运行gulp LiveReload（因为我使用复杂的框架，LiveEdit对我不好）

我创建了这个Jonass-MBP:first Money$ rails s => Booting WEBrick => Rails 4.2.6 application starting in development on http://localhost:3000 => Run `rails server -h` for more startup options => Ctrl-C to shutdown server [2016-09-16 02:31:51] INFO WEBrick 1.3.1 [2016-09-16 02:31:51] INFO ruby 2.3.1 (2016-04-26) [x86_64-darwin15] [2016-09-16 02:31:51] INFO WEBrick::HTTPServer#start: pid=8906 port=3000

gulpfile.js

我在PhpStorm中运行它

var gulp = require('gulp'),
    livereload = require('gulp-livereload');

gulp.task('watch', function() {
    livereload.listen();
    gulp.watch('*', function() {
        livereload();
        console.log('changed !')
    });
});

我已经安装了LiveReload Chrome插件并将其连接起来:(它表示已连接）

每当我对文件进行更改时，我都会对其进行更改。 PhpStorm终端中的消息。但浏览器不会自动刷新。