web自动化工具

时间:2021-12-16 03:54:56

web自动化工具-Browsersync

 

browser-sync才是神器中的神器,和livereload一样支持监听所有文件。可是和livereload简单粗暴的F5刷新相比,browsersync的局部刷新造成了本质的区别,推荐使用browsersync。
browser-sync更是可以做到多页面终端同步,文件同步,交互同步,神器也。

browser-sync官方文档

安装

全局安装即可:

1 sudo npm install -g browser-sync

 

使用

静态站,直接到项目目录启动即可:

123456789101112 browser-sync start --server --files "**"// 参数 files 后面是路径,这里要监听所有文件,写了 **[BS] Access URLs: ------------------------------------ Local: http://localhost:3000 External: http://192.168.1.5:3000 ------------------------------------ UI: http://localhost:3001 UI External: http://192.168.1.5:3001 ------------------------------------[BS] Serving files from: ./[BS] Watching files...

 

启动后,就可以愉快的玩耍了,自己试试体验更好。

上面启动之后,会自动启动浏览器,同时我们可以看到启动了两个端口的服务,打开下面3001的端口,可以看到配置页面,请自行修改配置体验效果。