美文网首页
gulp-connect 实现页面自动刷新

gulp-connect 实现页面自动刷新

作者: 妍儿昂 | 来源:发表于2018-08-31 14:42 被阅读0次

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    

完成啦~

相关文章

网友评论

      本文标题:gulp-connect 实现页面自动刷新

      本文链接:https://www.haomeiwen.com/subject/aqiswftx.html