首先,没有安装的同学需要先安装一下,非常简单只需要在终端输入npm install -g browser-sync
即可,
接下来,进入项目的目录,因为我的项目已经建立了本地服务http://127.0.0.1:8000 ,则输入如下命令,启动动态代理
browser-sync start --proxy “localhost:8000/hybrid/org/20893281/” --files “org-detail.jinja.html”
解释一下这一段是啥意思:
localhost:8000 :监听本地8000端口
hybrid/org/20893281/ :是文件的地址(如果有参数可以省略不写的)
org-detail.jinja.html :需要监测的文件(可以是一个也可以是多个)
当然, browser-sync用于纯静态站点的话可以使用下面这段,命令里的start --server,这其实是BrowserSync自己启动了一个小型服务器。
browser-sync start --server --files “css/*.css”
执行成功后BrowserSync会提供一个新地址(如未被占用的话)用于访问
这样就可以通过他人电脑、手机访问调试自己的网页啦