Browser-sync Windows 配置

2015-05-25(Mon) by chenjia.me

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)


Comments