Gulp的介绍及安装过程

Gulp可以定义为任务运行器或工具包，用于在 Web 开发中自动执行耗时任务，例如放大、连接、缓存清除、单元测试和 linting。它使用Node.js作为平台，并利用 JavaScript 代码来帮助运行前端任务和大型 Web 应用程序。这些任务可以使用命令行在PowerShell 、 Bash 脚本或其他终端应用程序上运行。

Gulp与其他任务运行程序不同，因为它将数据流从一个插件传递到另一个插件，而不在磁盘上创建临时文件。任务返回修改后的数据流。 Gulp 是一个面向函数的框架，具有直接的应用程序编程接口，可以更有效地修改数据并将命令链接在一起。此外，Gulp 更喜欢代码而不是使任务更易于管理的配置。

好处 ：

• Gulp 插件是用户友好的，一次执行一项任务。插件也可以由程序员创建。
• Gulp 更高效，因为它使用 Node.js 平台来提高速度。
• 在其上编写和测试 Web 应用程序很容易。

缺点：

• 如果 Gulp 插件过时，它们可能不支持底层库的功能。
• Gulp 插件的文档不是很健壮，调试插件可能是一项艰巨的任务。

插件： Gulp 有超过 3500 个插件。插件在本地通过npm安装。它们用于转换通过数据流的文件的行为。插件也可以是有条件的或内联的。每个插件都有一个特定的任务，并在处理 HTML 和 CSS、图形、JavaScript、单元测试、编译或其他杂项活动中发挥作用。 gulp-responsive、gulp-inject、gulp-sass、gulp-grunt、gulp-autoprefixer、gulp-jscs等插件的例子很少。

安装的先决条件：

1. Node.js应该安装在你的系统中。设置Node.js时必须安装npm包管理器。

• 在 Linux 上安装 Node.js
• 在 Windows 上安装 Node.js

2. 根据系统要求存在任何终端应用程序，例如PowerShell 、 iTerm2 、 Bash 脚本等。

Gulp 的安装：

• 第 1 步：打开系统的终端应用程序。为方便起见，请在文章中附上屏幕截图并运行以下命令。 -g 表示 Gulp 将全局安装在系统中，并且可以访问任何文件。

$ sudo npm install gulp-cli -g

注意：如果在 Windows 中使用，请以管理员身份运行。 Mac 不提供相同的选项。

• 第 2 步：创建一个项目目录并使用以下命令导航到该目录。

$ npx mkdir install-project
$ cd install-project

• 第三步：在打开的目录中输入以下命令行。这一行确保我们已经打开了一个基于npm的项目目录。附图显示了输入命令行后的屏幕输出。现在，用户必须以小写字母提供包名称。在这里，输入的示例包名称是 install-project。

$ npm init

{

“name”: “install-project”,

“version”: “1.0.0”,

“description”: “installation checking”,

“main”: “index.js”,

“scripts”: {

  “test”: “echo \”Error: no test specified\” && exit 1″

},

“author”: “XYZ”,

“license”: “ISC”

}

• 第 4 步：以下命令将在您的 devDependencies 中安装gulp包。

$ npm install --save-dev gulp

• 第 5 步：要检查 Gulp 是否已在全局和本地安装，您可以运行以下命令。

$ gulp --version