当前位置: 首页 > 文档资料 > Gulp 入门教程 >

安装

优质
小牛编辑
150浏览
2023-12-01

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

Gulp的系统要求

  • Operating System - 跨平台

  • Browser Support - IE(Internet Explorer 8+),Firefox,谷歌浏览器,Safari,Opera

安装Gulp

Step 1 - 我们需要Node.js来运行Gulp示例。 要下载Node.js,请打开https://nodejs.org/en/ ,您将看到如下所示的屏幕 -

Gulp安装

下载zip文件的最新功能版本。

Step 2 - 接下来,运行安装程序以在您的计算机上安装NodeJs

Step 3 - 您需要设置环境变量。

路径用户变量

  • 右键单击“我的电脑”。
  • 选择属性。
  • 选择“高级”选项卡,然后单击“环境变量”。
Gulp安装
  • 在Environment Variables窗口下,双击PATH,如下面的屏幕所示。

Gulp安装
  • 您将看到一个Edit User Variable窗口,如以下屏幕截图所示。 在“变量值”字段中将Node.js文件夹路径添加为C:\Program Files\nodejs\node_modules\npm。 如果已经为其他文件设置了路径,则需要在此之后添加分号(;)并添加Node.js路径,如以下屏幕截图所示。

Gulp安装

最后,单击“确定”按钮。

System Variable

  • 在“系统变量”下,双击“路径”,如以下屏幕所示。

Gulp安装
  • 您将看到一个Edit System Variable窗口,如以下屏幕截图所示。 将“变量值”字段中的Node.js文件夹路径添加为C:\Program Files\nodejs\ ,然后单击“确定”,如以下屏幕截图所示。

Gulp安装

Step 4 - 在系统中打开命令提示符,然后输入以下命令。 它将显示已安装的Node.js版本。

node -v

Gulp安装

Step 5 - 在命令提示符下,输入以下命令以显示用于安装模块的npm(Node.js包管理器)的版本。 它将显示已安装的Node.js版本。

npm -v

Gulp安装

Step 6 - 在命令提示符下,输入以下命令以安装Gulp。 添加“-g”标志可确保Gulp全局可用于任何项目。

npm install gulp -g

Gulp安装

Step 7 - 要验证Gulp是否已成功安装,请输入以下命令以显示Gulp版本。

gulp -v

Gulp安装