实时可视化工具之livereload

livereload这个工具，简单易用  相当于帮我们按了浏览器的F5，可以实时的刷新页面。接下来看一下步骤

1.谷歌浏览器安装插件  livereload

2.npm全局安装livereload：npm install -g livereload

3.cd到项目文件夹下

4. 在项目中启动livereload。命令：livereload   

5.用浏览器打开项目，发现右上角livereload的图标变成了实心的，说明livereload已经生效，此时在编辑器中改代码，页面就会自动刷新

如果没有变成实心，点击一下即可

注意：

由于 chrome 安全机制，暂不支持通过 file:// 打开的页面