编辑页面实时同步非刷新插件browser-sync

browser-sync的安装

npm install -g browser-sync

browser-sync插件的使用

启动静态网站

在项目的根目录下执行：

borwser-sync start --server --files "css/*.css"

如果是监听所有的文件可以这么写：

borwser-sync start --server --files "**"
启动动态网站

在项目的根目录下执行：

browser-sync start --proxy "myproject.dev" --files "css/*.css"

可以搭配的构建工具

如gulp或者grunt等

browser-sync官网 ： https://browsersync.io/

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • gulp开发教程
    对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 1,107评论 0赞 8
  • Gulp开发教程
    作者：Midaoi原文地址：http://www.cnblogs.com/Midaoi/p/4969812.htm...
    IT程序狮阅读 887评论 0赞 5
  • 给初学者的Gulp教程（译）
    原文标题：Gulp for Beginners作者： Zell Liew翻译：治电小白菜原文地址：https://...
    ZZES_ZCDC阅读 1,621评论 6赞 18
  • 多端浏览器同步调试工具：browserSync与webpack的结合
    天气越来越冷，我刚买的毛线手套在今中午骑ofo单车时候都快有点顶不住了，问我为什么中午出去骑单车，因为我和我哥哥约...
    卢哎呦阅读 6,374评论 4赞 4
  • gulp
    编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化，并使用不同浏览器测试并不是...
    krock01阅读 460评论 0赞 2