Browser-sync

Browser-sync是基于nodejs的一个自动刷新开发的网页软件。 其基本作用如下：

• 监听网页文件变化，变化后自动注入或者刷新页面

高级功能有手机动态调试等。

在windows下安装过程

下载node.js

去node.js安装下载一个windows安装包，安装~

安装Browser-sync

在命令提示符中运行命令：

npm install -g browser-sync

等待完成就好

开启测试页面

在网页的工作目录下，按住shift+右键，选择在此打开命令行

输入命令：

browser-sync start --server --port 4000 --files index.html --files css/main.css

其中

• --port 后面为端口号
• --files 需要监听的文件，默认的其实目录是当前文件

更多命令，使用browser-sync --help获取

使用

如果修改后监听到变化，会在cmd窗口中出现对应信息。

已知：sublime 和vim 保存方式是不会被支持的

建议：使用notepad++或者eclipse（hbuilder）