Ubuntu 20.04 安装 Gulp.js

Gulp 是一个开源 JavaScript 软件工具包,可帮助我们在开发工作流程中自动执行痛苦或耗时的任务。 它是跨平台的,可以集成到所有主要的 IDE 中。 我们可以将 Gulp 与多种编程语言一起使用,包括 PHP、.NET、Node.js、Java 等。

在这篇文章中,我们将解释 Ubuntu 20.04 VPS 上安装 Gulp js。

先决条件

  • 云平台上的全新 Ubuntu 20.04 服务器
  • 在我们的服务器上配置的 root 密码

第 1 步 – 创建 云服务器

首先,登录到我们的 云服务器。 创建一个新服务器,选择 Ubuntu 20.04 作为至少 2GB RAM 的操作系统。 通过 SSH 连接到我们的云服务器并使用页面顶部突出显示的凭据登录。

登录到 Ubuntu 20.04 服务器后,运行以下命令以使用最新的可用软件包更新基本系统。

apt-get update -y

第 2 步 – 安装所需的依赖项

在开始之前,我们需要在服务器上安装一些依赖项。 我们可以使用以下命令安装所有这些:

apt-get install python3-software-properties gnupg2 curl wget -y

安装完所有依赖项后,我们可以继续安装 Node.js。

第 3 步 – 安装 Node.js

在安装 Gulp 之前,我们还需要安装 Node.js。 首先,使用以下命令添加 Node.js 存储库:

curl -sL https://deb.nodesource.com/setup_14.x | bash -

接下来,使用以下命令安装 Node.js:

apt-get install nodejs -y

安装 Node.js 后,使用以下命令验证已安装的 Node.js 版本:

node --version

输出:

v14.17.0

我们还可以使用以下命令验证 NPM 版本:

npm --version

输出:

6.14.13

第 4 步 – 使用 NPM 创建示例应用程序

首先,使用以下命令创建一个新的应用程序目录:

mkdir project

接下来,将目录更改为项目目录并使用以下命令创建应用程序:

cd project
npm init

你会被问到一些问题来创建一个 package.json 文件:

This utility will walk we through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install ` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (project) 
version: (1.0.0) 
description: My Gulp Project
entry point: (index.js) 
test command: "echo "How Are We" && exit 1"
git repository: 
keywords: 
author: Admin
license: (ISC) 
About to write to /root/project/package.json:

{
  "name": "project",
  "version": "1.0.0",
  "description": "My Gulp Project",
  "main": "index.js",
  "scripts": {
    "test": "\"echo \"How Are We\" && exit 1\""
  },
  "author": "Admin",
  "license": "ISC"
}


Is this OK? (yes) Yes

第 5 步 – 安装 Gulp.js

接下来,我们可以使用以下命令安装 Gulp CLI 工具:

npm install -g gulp-cli

输出:

/usr/bin/gulp -> /usr/lib/node_modules/gulp-cli/bin/gulp.js
+ gulp-cli@2.3.0
added 252 packages from 165 contributors in 17.941s

安装 Gulp 后,将目录更改为我们的项目目录并使用以下命令安装 gulp 包:

cd /root/project
npm install --save-dev gulp

我们现在可以使用以下命令验证 Gulp 版本:

gulp --version

我们应该看到以下输出:

CLI version: 2.3.0
Local version: 4.0.2

第 6 步 – 创建 Gulp 应用程序

接下来,使用以下命令创建一个示例 Gulp 应用程序:

nano /root/project/gulpfile.js

添加以下行:

var gulp = require('gulp');

gulp.task('hello', function(done) {
  console.log('Hello World!!!');
  done();
});

保存并关闭文件,然后使用以下命令运行 gulp 任务:

gulp hello

如果一切正常,我们应该得到以下输出:

[09:11:28] Using gulpfile ~/project/gulpfile.js
[09:11:28] Starting 'hello'...
Hello World!!!
[09:11:28] Finished 'hello' after 4.41 ms

恭喜! 你已经在 Ubuntu 20.04 VPS 上成功安装了 Gulp。 我们现在可以使用 Gulp 创建自己的应用程序。 有关更多信息,请访问 Gulp 文档。

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论