web 网页调试工具 browser-sync 在 Windows 上安装
当在开发的机器上,修改了html页面,css 文件时,希望能立即看到改正后的结果。使用 browser-sync 这个工具能达到目的。browser-sync 是 nodejs 下面的一个 npm 包,以命令行的方式启动一个本地的web服务,只要在浏览器里浏览它的地址:
http://localhost:3000
安装很简单。我是 Windows 7 x64 机器。首先下载 nodejs 安装包:
https://nodejs.org/download/release/latest/node-v10.3.0-win-x64.zip
解压到非中文目录下(路径里不能有空格,如:C:\DEVPACK\nodejs\node-v10.3.0-win-x64):
c:\DEVPACK\nodejs\node-v10.3.0-win-x64
打开 cmd 命令行,进入上面的目录,运行 nodevars.bat:
C:\DEVPACK\nodejs\node-v10.3.0-win-x64>nodevars.bat
安装 browser-sync:
C:\DEVPACK\nodejs\node-v10.3.0-win-x64>npm install -g browser-sync
然后目录切换到你的 web 网站的开发目录下,例如: C:\Workspace\myphp\static,运行:
C:\Workspace\myphp\static>browser-sync start –port 3000 –files ‘dist/*/’ –server ‘dist’ –directory
或者:
C:\Workspace\myphp\static>browser-sync start –server –files ‘css/.css, .html’
以上命令启动一个本地的web服务。–files 是相对路径。如果已经存在了一个服务环境,可以使用代理模式:
browser-sync start –proxy “主机名或IP” “css/*.css”