Fork me on GitHub

web自动化工具-Browsersync

web自动化工具-Browsersync

 

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

browser-sync官方文档

安装

全局安装即可:

1
sudo npm install -g browser-sync

 

使用

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

1
2
3
4
5
6
7
8
9
10
11
12
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的端口,可以看到配置页面,请自行修改配置体验效果。

posted @ 2016-11-19 17:25  donglegend  阅读(214)  评论(0编辑  收藏  举报