yishuihan-001 / grunt-livereload

Grunt插件之LiveReload 实现页面自动刷新，所见即所得编辑

Grunt-LiveReload

建这个Git仓的目的，是因为总有小伙伴，通过各种方式给我留言，说自己配置出来运行报错。
但通常都无法正确表述问题在哪，这让我很难帮到你什么。 另外，我也无法保证所有问题都能即时回复，所以大家可以首先通过以下3个步骤进行自查：

• 核对下各个插件是否都顺利安装。
• 检查一边是否有遗漏的步骤和地方。
• 把自己的配置的信息，与本示例进行对比。

Example 1:

grunt-contrib-watch + grunt-livereload + Chrome Plug-in

安装命令：

npm install --save-dev grunt-contrib-watch connect-livereload

由于Google被封，导致没有VPN的小或伙伴，无法安装Chrome LiveReload插件。
所以，我把插件提取了出来打包在 Example 1/ChromePlugins_LiveReload_2.1.0.rar 。

Chrome Plugins离线安装方法：

• 打开Chrome设置 - 扩展程序
• 把解压后的 jnihajbhpnppcggbcgedagnkighmdlei-2.1.0.crx 文件拖放至其中

Example 2:

grunt-contrib-watch + grunt-contrib-connect + grunt-livereload

安装命令：

npm install --save-dev grunt-contrib-watch grunt-contrib-connect connect-livereload serve-static serve-index

示例中所用到的插件版本：

• connect-livereload 0.5.3
• grunt-contrib-watch 0.6.1
• grunt-contrib-connect 0.11.2
• serve-static 1.10.0
• serve-index 1.7.2

最后更新于：2015-10-12

原文地址：http://www.bluesdream.com/blog/grunt-plugin-livereload-wysiwyg-editor.html