Question

如何安装browser-sync

Answer 1

首先做的是安装，我们需要打开运行命令，使用node.js的包管理（npm）来安装。输入： npm install -g browser-sync

待命令行运行结束后，我们输入browser-sync --version来查看是否安装成功，以及安装的版本。

安装后，就是选中一个文件夹来启动我们的浏览器同步测试工具。我们有两种方法来启动监测，一种是利用系统上已经安装好的命令行界面工具，例如git bash（找到一个文件夹，右击鼠标再弹出的选项框中选择git bash即可）

然后，我们输入browser-sync的启动命令browser-sync start --server --files "css/*.css" 最后引号中是我们需要监测更改的文件，可以是多个，也可以是任意的，默认启动的服务器的端口号是3000，这个值可以在参数中修改

当我们启动好后，browser-sync的服务器会实时监控文件是否被修改，并且会在浏览器中自动打开检测文件中的index.html页面。

除了这种方法，对于没有安装git的用户，我们可以按住键盘的windows+R，调出运行界面，进入到想要监测的文件夹，然后启动browser-sync

同样，终端界面启动该工具后浏览器也会自动打开初始界面，并且界面右上角会有一个connect to browser-sync的弹出框，告诉我们可以实时监测工具已经起作用了。