安装 BrowserSync
BrowserSync是一个npm包,所以在安装前他需要先装上Node.js
1、npm install -g brower-sync -g表示全局安装
2、browser-sync -version 检测browser-sync是否安装成功,可以查看版本号
使用BrowserSycn
我这里是结合yarn一起使用的
1、用yarn对文件进行初始化
yarn init -y 此时会出现一个package.json文件
2、给当前项目添加broser-sync模块
打开项目路径下的package.json文件如下 browser-sync模块添加成功
3、在package.json中配置 start --files 是你要监听的文件
4、启动 yarn start
5、到这一步不一定成功 要去试试是否监听成功
测试方法就是修改一下在--files配置的文件中的内容
出现这样的就是监听成功
BrowserSycn填坑
--files 后面一定要用双引号不要用单引号 如果外面出现了双引号 就用反斜杠\ 进行转义 如下图
错误的实例是单引号