LiveReload：释放你的F5，实时预览HTML效果

一、liveReload插件开发背景

Web前端开发人员在写页面时，如果修改了HTML or CSS，要想看效果通常的做法就是保存代码就得 Alt+Tab，切换到浏览器（当然，我知道很多开发人员是双屏操作不一定需要切换到浏览器），但是一定要F5刷新才能看自己刚写的代码有没有效果，没有效果就再切换到编辑器下修改，然后再切换到浏览器F5刷新看效果，还没有效果，就再继续修改，如此反复。时间久了，前端自动化一类的工具就是为了把双手从这些反复的，无意义的操作中拯救出来。开发人员就是那种能让机器完成的事自己绝不动手的动物，所以当然有解决这种问题的方法。网上的方案很多，今天在这里介绍的LiveReload就是一款这样的工具，它可以监听你设置的文件夹中文件的改变，若是文件内容有改变，它会自动刷新浏览器.切换到浏览器F5刷新，让你实时预览html效果。