1、首先做的是安装,我们需要打开运行命令,使用node.js的包管理(npm)来安装。输入: npm install -g browser-sync
2、待命令行运行结束后,我们输入browser-sync --version来查看是否安装成功,以及安装的版本。
3、安装后,就是选中一个文件夹来启动我们的浏览器同步测试工具。我们有两种方法来启动监测,一种是利用系统上已经安装好的命令行界面工具,例如git bash(找到一个文件夹,右击鼠标再弹出的选项框中选择git bash即可)
4、然后,我们输入browser-sync的启动命令browser-sync start --server --files "css/*.css" 最后引号中是我们需要监测更改的文件,可以是多个,也可以是任意的,默认启动的服务器的端口号是3000,这个值可以在参数中修改
5、当我们启动好后,browser-sync的服务器会实时监控文件是否被修改,并且会在浏览器中自动打开检测文件中的index.html页面。
6、除了这种方法,对于没有安装git的用户,我们可以按住键盘的windows+R,调出运行界面,进入到想要监测的文件夹,然后启动browser-sync
7、同样,终端界面启动该工具后浏览器也会自动打开初始界面,并且界面右上角会有一个connect to browser-sync的弹出框,告诉我们可以实时监测工具已经起作用了。