1.Browsersync的使用

Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。

1. 安装 Node.js

BrowserSync是基于Node.js的, 是一个Node模块, 如果您想要快速使用它,也许您需要先安装一下Node.js

http://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装 BrowserSync

1)全局安装:

npm install -g browser-sync 

2)如果想要在项目中添加项目依赖,不适用全局安装,那么需要:

npm install browser-sync --save-dev

3)也可以结合gulpjs或gruntjs构建工具来使用,在您需要构建的项目里运行下面的命令:

npm install --save-dev browser-sync

备注:建议使用NPM淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后使用 cnpm install [name]

cnpm install -g browser-sync

3.使用

1.进入文件夹目录
假设需要监听的是E:\Jqclub\MUI文件夹

1.打开win+r,输入cmd    回车
2.e:                  回车
3.cd E:\Jqclub\MUI    回车

2.输入:

browser-sync start --server --files "*.html , css/*.css , js/*.js" 

回车


输入

3.使用地址


1.Browsersync的使用_第1张图片
使用地址

然后使用,上面命令行给出的External去访问项目地址, 可以在不同浏览器,不同平台,只要保持设备在同一个网络环境,同一个网段,PC端防火墙允许这个入站规则,就可以同步显示所有的操作和更改。
它给出了两个端口一个是 3000,一个是3001,一个是项目界面,一个是管理界面,用于设置browsersync的选项。

备注:参考 [browsersync中文网]
[Tyro_java博客]

你可能感兴趣的:(1.Browsersync的使用)