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