利用livereload实现浏览器自动刷新

我们前端开发一直都关心用户体验，现在利用livereload也提升一下我们的体验

1.浏览器端安装

首先打开谷歌浏览的商店,(打不开自行百度)。搜索livereload

image.png

安装完成会出现一个小图标

image.png

现在是空心的，因为你还没有安装客户端插件

2.安装客户端插件

$ sudo npm install -g livereload

3.启动

首先找到并进入需要监听的文件夹

$ sudo livereload

然后点击

image.png

你会发现他变成了实心。
现在你可以开心的去编辑器撸代码了。保存会自动帮你刷新。

支持 html css javascript less sass img