BrowserSync，自动刷新，解放F5，去掉更新提示

Posted 2020-10-18

　　BrowserSync虽然这个技术不算新，但是依然有用。略微介绍下

　　没有安装node，先安装node，这里不再做介绍

　　安装

　　　　npm install -g browser-sync  全局安装，方便在任意目录下启动

　　所在项目中启动

　　　　browser-sync start --server --files "**"  所有文件都检测改变刷新，并自动打开浏览器

　　　　http://localhost:3000/ 相当于你的index.html文件，如果你的html文件夹下有个db.html，那么地址就是 http://localhost:3000/html/db.html

　　去掉更新成功的 Connected to BrowserSync 提示

　　　　其实这是browser-sync-client.js 动态生成的一个div，id名叫 __bs_notify__ ，那我们直接在在一个公共的css文件下加上以下样式代码即可去掉提示　　　

         #__bs_notify__{
       　　 display: none!important;
　　　　　　}