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; }
时间: 2024-11-07 11:34:24