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    

完成啦~

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

推荐阅读更多精彩内容