BrowserSync虽然这个技术不算新,可是依然有用。略微介绍下css
没有安装node,先安装node,这里再也不作介绍html
安装node
npm install -g browser-sync 全局安装,方便在任意目录下启动npm
所在项目中启动浏览器
browser-sync start --server --files "**" 全部文件都检测改变刷新,并自动打开浏览器spa
http://localhost:3000/ 至关于你的index.html文件,若是你的html文件夹下有个db.html,那么地址就是 http://localhost:3000/html/db.htmlserver
去掉更新成功的 Connected to BrowserSync 提示htm
其实这是browser-sync-client.js 动态生成的一个div,id名叫 __bs_notify__ ,那咱们直接在在一个公共的css文件下加上如下样式代码便可去掉提示 import
#__bs_notify__{ display: none!important; }