Browsersync的安装和使用{写给自己的怕忘了,自己已经装好了就不再截图了}

1.前提是安装好node.js和npm
2.输入命令安装Browsersync
1.)在cmd窗口下输入命令 npm install -g browser-sync,等待安装完毕
3.使用Browsersync监听自己想要监听的项目实现实时调试的画面
1.)监听单个静态css文件 --files 路径是相对于运行该命令的项目(目录) 命令如下
在项目文件夹中打开cmd终端输入 browser-sync start --server --files “css/.css"
2.)监听多个静态项目中的文件类型,–files 路径是相对于运行该命令的项目(目录)
在项目文件夹中打开cmd终端输入 browser-sync start --server --files "css/
.css, *.html”{可在双引号内部增加更多文件类型}

3.)如果你的文件层级比较深,您可以考虑使用 (表示任意目录)匹配,任意目录下任意.css 或 .html文件。
browser-sync start --server --files "
/.css, **/.html"

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值