gulp使用教程

立即下载 作者: google你他吗
上传时间: 2026-02-03
关键词: 安装 npm 输入 文件 gulp nodejs 配置 服务器 -v 构建
大小 174.5 KB
描述
Gulp 使用教程
一、简介
gulp 是前端开发 过程中对代码进行构建的工具，是 自动化 项目的构建利器；她不仅能
对网站资源进行优化， 而且在开发过程中很多 重复的任务 能够使用正确的工具自动完成； 使
用她，我们不仅可以很愉快的编写代码，而且大大 提高我们的工作效率。
gulp 是 基 于 Nodejs 的 自 动 任 务 运 行 器 ， 她 能 自 动 化 地 完 成
javascript/coffee/sass/less/html/image/css 等文件的的 测试、检查、合并、压缩、格
式化、浏览器自动刷新 、部署文件生成 ，并监听文件在改动后重复指定的这些步骤。在实现
上，她借鉴了 Unix 操作系统的管道（ pipe ）思想，前一级的输出，直接变成后一级的输入，
使得在操作上非常简单。
gulp 和 grunt 非常类似， 但相比于 grunt 的频繁 IO 操作， gulp 的流操作， 能更快
地更便捷地完成构建工作。
二、安装 nodejs
2.1、说明： gulp 是基于 nodejs ，理所当然需要安装 nodejs ；
2.2、安装：打开 nodejs 官网（https://nodejs.org/en/ ），点击硕大的绿色 Download
按钮，它会根据系统信息选择对应版本（ .msi 文件）。
注：安装完成之后注意将其配置到环境变量（系统变量 path 中），这样你就可以在全
局范围内去使用它了
我的路径是在 d:\Program Files\nodejs\node_modules\npm\bin ，记得把它也配置进
去
2.3 测试：按 window + r 输入 cmd回车，然后输入 node -v
然后输入 npm -v
如果都能打印出相应版本信息，那么说明你配置成功了
三、选装 cnpm
因为 npm安装插件是从国外服务器下载， 受网络影响大， 可能出现异常， 如果 npm的服
务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。
网址： http://npm.taobao.org
(1) 安装：命令提示符执行
npm install cnpm -g --registry=https://registry.npm.taobao.org ；
注意：安装
目录
安装/npm/输入/文件/gulp/nodejs/配置/服务器/-v/构建/ 安装/npm/输入/文件/gulp/nodejs/配置/服务器/-v/构建/