为你的网站项目安装BrowserSync

为什么80%的码农都做不了架构师？>>>

进入你的网站项目目录 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 上

方法二

安装 BrowserSync (依赖 NodeJS):

npm install browser-sync@2.7.1 然后在项目目录运行这个命令：

browser-sync start --server --port 4000 --files index.html --files css/main.css 这样页面就会自动刷新了。