mac安装浏览器同步测试工具

1、安装node.js

（1）打开终端,输入以下命令安装Homebrew

ruby -e “$(curl -fsSL 
https://raw.githubusercontent.com/Homebrew/install/master/install);

（2）安装node,在终端输入以下命令

brew install node

（3）查看node安装成功与否

node -v

2、安装淘宝镜像，速度更快。

安装命令：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

网址：https://npm.taobao.org/     以后的 npm命令都改为 cnpm 就行。

3、安装Browsersync - 浏览器同步测试工具

安装命令：

npm install -g browser-sync

网址：http://www.browsersync.cn/

4、启动本地的php环境，阿帕奇：

（1）sudo apachectl start

（2）文件放到 阿帕奇的 指定目录Documents下面。

cd /Library/WebServer/Documents/xawangzhan

（3）在该目录下 执行

browser-sync start --proxy "http://localhost/xawangzhan/" --files "**/**/**/**/**/**"

有端口号的记得也加上，没有或者默认的就不用加。

（4）成功以后会自动启动浏览器打开页面。

（5）用编辑器试一下，就成功啦，是不是很方便。注意，编辑器要保存后会触发，有些编辑器支持自动保存，这时候浏览器页面可能要点击一下才能触发自动刷新，或者也假装保存一下啦。

然后每天打开电脑的工作：

（1）启动阿帕奇   sudo apachectl start

（2）找到阿帕奇下网站目录 cd /Library/WebServer/Documents/xawangzhan

（3）browser-sync start --proxy "http://localhost/xawangzhan/" --files "**/**/**/**/**/**"