省时的浏览器同步测试工具browser-sync服务搭建

先去nodejs官网下载pkg文件直接安装,有兴趣的也可以使用以下方法

• Get source & make
• Homebrew
• nvm
• Other
  -

在桌面新建文件react
cd ~/Desktop
mkdir react

使用npm init 命令初始化，可以看到以下内容，可直接敲回车默认，最后输入yes后会再react文件夹下生成一个packge.json文件

到这里，再去安装一个browser-sync一个可以让让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面，并且支持多设备（PC、平板、手机）下同时调试的黑科技- -。
安装使用如下命令：

npm install --save browser-sync

命令打完让它自己安装就好了，中间可能会弹出安装xcode（如果没装的话）；

安装完成之后，我们选择package.json进行编辑，修改scripts中内容，修改后如下，这个命令可以用来监控所有文件，具体可参考上面提供的网站

修改完成之后，在终端输入

npm run dev

成功之后会自动开启浏览器，并显示如下内容