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 "**/**/**/**/**/**"