gulp-connect 实现页面自动刷新

1.全局安装Gulp

  安装gulp之前需要先安装好Node.js，如果你还没安装好Node

  你可以在这里下载  安装完Node.js

  Window+R 填入 cmd 安装Gulp

  npm install gulp -g

2.创建Gulp项目

首先我们需要新建一个文件夹，然后并在该目录下执行npm init命令   （一路回车就好）

npm init命令会为你创建一个package.json文件，这个文件保存着这个项目相关信息。

比如你用到的各种依赖

创建完之后，执行下面的命令

npm install gulp --save-dev （使用—save-dev，将通知计算机在package.json中添加gulp依赖）

3.目录结构

这是我的目录结构

4.开始回归主题啦

这个时候，你需要在根目录下新建一个gulpfile.js文件

想要实现自动刷新功能，还需要执行下面命令

npm install gulp-connect --save-dev

gulpfile.js里写入

最后！gulp启动监听

打开http://localhost:8080    

完成啦~