Gulp 安装基础教程文档

收录于 2023-04-20 00:10:05 · بالعربية · English · Español · हिंदीName · 日本語 · Русский язык · 中文繁體

本文提供了 Gulp 安装的分步过程。

Gulp 的系统要求

操作系统-跨平台 浏览器支持-IE (Internet Explorer 8+)、Firefox、Google Chrome、Safari、Opera

安装 Gulp

步骤 1-我们需要 Node.js 来运行 Gulp 示例。要下载 Node.js,请打开 https://nodejs.org/en/,您将看到如下所示的屏幕-
Gulp 安装
下载 zip 文件的最新功能版本。
步骤 2-接下来,运行安装程序以在您的计算机上安装 NodeJs
步骤 3-您需要设置环境变量。

路径用户变量

右键单击我的电脑。 选择属性。 选择"高级"选项卡,然后点击"环境变量"。 Gulp 安装 在 Environment Variables 窗口下,双击 PATH,如下面的屏幕所示。 Gulp 安装 您将看到一个编辑用户变量窗口,如下面的屏幕截图所示。在变量值字段中添加 Node.js 文件夹路径为 C:\Program Files\nodejs\node_modules\npm。如果已经为其他文件设置了路径,则需要在其后添加分号 (;) 并添加 Node.js 路径,如下面的屏幕截图所示。 Gulp 安装
最后,点击"确定"按钮。
系统变量
在系统变量下,双击路径,如下图所示。 Gulp 安装 您将看到一个编辑系统变量窗口,如下面的屏幕截图所示。在变量值字段中添加 Node.js 文件夹路径为 C:\Program Files\nodejs\,然后单击"确定",如下面的屏幕截图所示。 Gulp 安装
步骤 4-在系统中打开命令提示符并输入以下命令。它将显示已安装的 Node.js 版本。
node-v
Gulp 安装
步骤 5-在命令提示符下,输入以下命令以显示用于安装模块的 npm(Node.js 包管理器)的版本。它将显示已安装的 Node.js 版本。
npm-v
Gulp 安装
步骤 6-在命令提示符下,输入以下命令来安装 Gulp。添加"-g"标志可确保 Gulp 对任何项目全局可用。
npm install gulp-g
Gulp 安装
步骤 7-要验证 Gulp 是否已成功安装,请输入以下命令以显示 Gulp 版本。
gulp-v
Gulp 安装