browser-sync的安装使用

作用:更改代码之后自动刷新浏览器

安装:browser-sync是基于npm的,首先要安装npm,再通过npm在命令行里进行安装,安装代码如下:

需要使用npm进行全局安装:` npm install browser-sync -g ` ,-g表示安装到全局
或者 npm install -g browser-sync 

全局安装的文件路径:C:\Users\计算机名\AppData\Roaming\npm\node_modules  中


使用:在需要监听的文件夹中打开命令行,注意,打开cmd的路径要在 需要监听的文件的路径

browser-sync start --server --files "./index.html”   --表示监听一个文件
  - --files参数指定要监视的文件,监听多个文件以逗号分隔, ./表示当前文件
监听整个项目 用  *.*   -- browser-sync start --server --files "./*.*” 

browser-sync start --server --files "**”表示监听所有文件或文件夹中的内容 


注意事项:browser-sync的端口可能被其他软件占用;

如果被占用可以用下面的命令指定一个端口:
browser-sync start --server --port 8081 --files "./index.html"


图片的内容表示,端口被占用,更改了browser-sync的端口,并监听了命令行当前文件夹中的index.html文件和 当前文件夹

中的js文件夹下的所有.js文件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值