Browser-sync 一款前端开发中用于自动刷新页面的工具

很久之前就用过browser-sync，觉得很是舒服，这里就来给大家介绍一下。

简要介绍

具有以下特性： 保存后自动刷新、多端同步、可集成到gulp之类的构建工具中

啰嗦的介绍

不知道各位前端er 在一开始学习前端的时候是不是都是写了代码，保存，然后再切换去刷新页面。反正我最开始学前端的时候就是这样搞的。很麻烦对吧！有一些编辑器和IDE是有自动刷新的功能的，不过我又不想放弃sublime text这样强大好用的编辑工具。后来就发现一个特别好用的浏览器自动刷新工具。只需要写代码，按下 ctrl + s 保存，然后浏览器就自动刷新了。并且是多端同步的，也就是说你要是同时用手机和ipad之类的访问页面，保存后全部都会刷新。同时还提供一个强大的同步功能，你在电脑上滑动页面。你可以用gulp之类的工具集成它，也可以单独使用。单独使用的时候，它会开启一个临时的服务器。

开始使用

1. 安装好nodejs 和 npm
2. 用npm安装 browser-sync : npm i browser-sync -g
3. 在项目文件夹的根目录下打开控制台
4. 输入 browser-sync start --server --files "**/*.*" (这样就不管是什么样的文件变动都会刷新，可以修改双引号的内容设定监听的文件)
5. 在浏览器地址栏中输入url : http://localhost:3000 ，进入就可以了

参考网站 : browser-sync官网