快速入门#

如果您之前全局安装了 gulp,请在按照这些说明之前运行 npm rm --global gulp。更多信息,请阅读这篇 Sip

检查 node、npm 和 npx#

node --version

Output: v8.11.1

npm --version

Output: 5.6.0

npx --version

Output: 9.7.1

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

安装 gulp 命令行实用程序#

npm install --global gulp-cli

创建项目目录并进入#

npx mkdirp my-project
cd my-project

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

npm init

这将引导您为项目命名、指定版本、描述等。

在devDependencies中安装gulp包#

npm install --save-dev gulp

验证您的gulp版本#

gulp --version

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

Output: CLI version 2.0.1 & Local version 4.0.0

创建一个gulpfile#

使用您的文本编辑器,在项目根目录中创建一个名为gulpfile.js的文件,并包含以下内容

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

测试它#

在项目目录中运行gulp命令

gulp

要运行多个任务,您可以使用gulp <task> <othertask>

结果#

默认任务将运行并不执行任何操作。 输出:启动默认 & 完成默认