跳到主要内容

快速入门

如果你之前全局安装过gulp,在继续下面的步骤前请先运行 npm rm --global gulp 卸载。更多信息,请阅读这篇文章

检查 node、npm 和 npx 环境

node --version

输出: v8.11.1

npm --version

输出: 5.6.0

npx --version

输出: 9.7.1

如果它们尚未安装,请按照这里的说明操作。

安装 gulp 命令行工具

npm install --global gulp-cli

创建项目目录并进入该目录

npx mkdirp my-project
cd my-project

在项目目录中创建 package.json 文件

npm init

这将引导你为项目命名、设置版本、添加描述等。

在开发依赖中安装 gulp 包

npm install --save-dev gulp

验证 gulp 版本

gulp --version

确保输出与下方截图匹配,否则你可能需要重新开始本指南中的步骤。

输出: CLI version 2.0.1 & Local version 4.0.0

创建 gulpfile

使用你的文本编辑器,在项目根目录创建名为 gulpfile.js 的文件,内容如下:

function defaultTask(cb) {
// 在这里放置你的默认任务代码
cb();
}

exports.default = defaultTask

测试

在项目目录中运行 gulp 命令:

gulp

要运行多个任务,可以使用 gulp <任务名> <其他任务名>

结果

默认任务将运行,但不执行任何操作。 输出: Starting default & Finished default