为你的网站项目安装BrowserSync

进入你的网站项目目录 cd  xxx

$npm install browser-sync —save -d 

• --save 把 browser-sync 添加到 package.json。
• -d 使 npm 输出更多的日志信息。

$ find node_modules 

可以查看browser-sync包被安装的目录

运行git diff 可以看到package.json

$git diff

运行 $npm ls

可以查看依赖树

检查 browser－sync 版本

$ ./node_modules/.bin/browser-sync —version

添加环境变量，回到项目目录 执行

$ export PATH=$PATH:./node_modules/.bin

再 执行 $ browser-sync —version 看是否生效

使用

启动服务

$ browser-sync start --server --files=index.html

你对index.html的修改可以实时提现在浏览器http://localhost:port 上