Gulp+BroserSync实现浏览器自动刷新

  在写前端代码的时候,我们为了看效果,需要一直按F5进行刷新,这样做很繁琐而且非常浪费时间,在网上搜过后发现很多关于自动刷新的办法,这里我介绍的是基于gulp和broserSync实现浏览器的自动刷新,即只要编辑器保存,浏览器就会自动刷新。
  那么gulp,broserSync是什么呢?

Gulp

  Gulp是一个前端自动化工具,基于nodejs,和grunt差不多,但是比grunt语法更加简单,语法更加自然。在gulp的插件中,我们可以找到自动刷新,压缩图片/代码/等等各类工具,方便我们的使用,并且gulp的任务是流(pipe),即一个任务完成后,紧接的另一个任务开始进行。gulp的使用如下:

1.安装gulp

  1. 全局安装gulp:

    1
    $ npm install --global gulp
  2. 作为项目的开发依赖(devDependencies)安装:

    1
    $ npm install --save-dev gulp
  3. 生成package.json

    1
    $ npm init
查看全文