• 快速入门检查 node、npm 和 npx 是否正确安装安装 gulp 命令行工具创建项目目录并进入在项目目录下创建 package.json 文件安装 gulp，作为开发时依赖项检查 gulp 版本创建 gulpfile 文件测试输出结果

快速入门

如果你先前将 gulp 安装到全局环境中了，请执行 npm rm —global gulp 将 gulp 删除再继续以下操作。更多信息请参考 Sip。

检查 node、npm 和 npx 是否正确安装

node --version

npm --version

npx --version

如果上述工具还没安装，请参考 这里。

安装 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

确保输出与下面的屏幕截图匹配，否则你可能需要执行本指南中的上述步骤。

创建 gulpfile 文件

利用任何文本编辑器在项目大的根目录下创建一个名为 gulpfile.js 的文件，并在文件中输入以下内容：

function defaultTask(cb) {  // place code for your default task here  cb();}exports.default = defaultTask

测试

在项目根目录下执行 gulp 命令：

gulp

如需运行多个任务（task），可以执行 gulp 。

输出结果

默认任务（task）将执行，因为任务为空，因此没有实际动作。