browser-sync和livereload

browser-sync  这玩意儿只能监听css,html ,js;

不能指定监听某一个文件,只能监听index,要不然css,js可以,但是html本身变得不行了

npm install -g browser-sync     可以直接安装

   // --files 路径是相对于运行该命令的项目(目录)   坚挺文件的格式路径
browser-sync start --server --files "css/*.css, *.html"
// 如果你的文件层级比较深,您可以考虑使用 **(表示任意目录)匹配,任意目录下任意.css 或 .html文件。 
browser-sync start --server --files "**/*.css, **/*.html"
browser-sync start --server --files "*.css, *.html"
browser-sync start --server --files "**/*.css, **/helloless.html"
browser-sync start --port      更改端口   没有改成功
browser-sync start --no-notify  禁用通知   也失败了
browser-sync start --ui-port
http://localhost:3001/   打开设置端口  啥也设定不了


下面的命令应该复制到默认里面,而不是user里面,可以运行成功

{ "enabled_plugins":["SimpleReloadPlugin","SimpleRefresh" ]}

通过sublime text 直接打开文件就可以实现刷新

安装两个livereload,sublime text原版的是可以用的

电脑重启之后就不行了,需要重新打开--插件设置---livereload--plugins---enable/disable plugins ---出现输入框--下拉列表--

enable sample reload with delay 400ms;有时候有有时候没有,多重启几次

放在css文件夹下的css文件改变也是可以监听到的


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值