Grunt插件之LiveReload 实现页面自动刷新,所见即所得编辑
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Example 1
Example 2
LICENSE
README.md

README.md

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