1.全局安装Gulp
安装gulp之前需要先安装好Node.js,如果你还没安装好Node
你可以在这里下载 安装完Node.js
Window+R 填入 cmd 安装Gulp
npm install gulp -g
2.创建Gulp项目
首先我们需要新建一个文件夹,然后并在该目录下执行npm init命令 (一路回车就好)
![](https://img.haomeiwen.com/i13708211/11c9b6d45c04069b.png)
npm init命令会为你创建一个package.json文件,这个文件保存着这个项目相关信息。
比如你用到的各种依赖
创建完之后,执行下面的命令
npm install gulp --save-dev (使用—save-dev,将通知计算机在package.json中添加gulp依赖)
3.目录结构
这是我的目录结构
![](https://img.haomeiwen.com/i13708211/6ea62ac74401d87d.png)
4.开始回归主题啦
这个时候,你需要在根目录下新建一个gulpfile.js文件
想要实现自动刷新功能,还需要执行下面命令
npm install gulp-connect --save-dev
![](https://img.haomeiwen.com/i13708211/48ce7e054d5f4ed6.png)
gulpfile.js里写入
![](https://img.haomeiwen.com/i13708211/afaad05aec799e17.png)
最后!gulp启动监听
![](https://img.haomeiwen.com/i13708211/936b08c9e9ef0668.png)
打开http://localhost:8080
网友评论