0
点赞
收藏
分享

微信扫一扫

web 网页调试工具 browser-sync 在 Windows 上安装


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”


举报

相关推荐

0 条评论