browser-sync安装使用以及填坑

安装 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 后面一定要用双引号不要用单引号 如果外面出现了双引号  就用反斜杠\ 进行转义  如下图

错误的实例是单引号