在这里我用谷歌的网络入门套件来进行演示。你们可以使用自己的项目或者其他项目来进行操作。

安装

首先,您需要安装 Browsersync 和 依赖包 Gulp 。如果你是第一次安装,那么你可以通过–save-dev命令,这将会自动在你的package.json里添加依赖,下一次再安装时,你只需要npm install

然后在项目目录下新建一个gulpfile.js文件。并添加如下内容

gulpfile.js是gulp项目的配置文件,是位于项目根目录的普通js文件(其实将gulpfile.js放入其他文件夹下亦可)。

运行

项目目录下

即可,你会看见弹出来的网页
gulp弹出网页

这时,你修改源码,并且保存就会出现官网的那种效果。自动刷新网页。
browbres截图

发表评论

电子邮件地址不会被公开。 必填项已用*标注