快速入门
如果你之前全局安装过gulp,在继续下面的步骤前请先运行 npm rm --global gulp
卸载。更多信息,请阅读这篇文章。
检查 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) {
// 在这里放置你的默认任务代码
cb();
}
exports.default = defaultTask
测试
在项目目录中运行 gulp 命令:
gulp
要运行多个任务,可以 使用 gulp <任务名> <其他任务名>
。
结果
默认任务将运行,但不执行任何操作。