GulpはオープンソースのJavaScriptソフトウェアツールキットであり、開発ワークフローで面倒なタスクや時間のかかるタスクを自動化するのに役立ちます。クロスプラットフォームであり、すべての主要なIDEに統合できます。 Gulpは、PHP、.NET、Node.js、Javaなどの多くのプログラミング言語で使用できます。
この投稿では、Ubuntu20.04VPSにGulpjsをインストールする方法を説明します。
前提条件
- Atlantic.Netクラウドプラットフォーム上の新しいUbuntu20.04サーバー
- サーバーで構成されているrootパスワード
ステップ1-Atlantic.Netクラウドサーバーを作成する
まず、Atlantic.Netクラウドサーバーにログインします。 2GB以上のRAMを搭載したオペレーティングシステムとしてUbuntu20.04を選択して、新しいサーバーを作成します。 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 you 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 You" && 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 You\" && exit 1\""
},
"author": "Admin",
"license": "ISC"
}
Is this OK? (yes) Yes
ステップ5–Gulp.jsをインストールする
次に、次のコマンドを使用してGulpCLIツールをインストールできます。
npm install -g gulp-cli
出力：
/usr/bin/gulp -> /usr/lib/node_modules/gulp-cli/bin/gulp.js + [email protected] 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
結論
おめでとう！これで、Ubuntu20.04VPSにGulpが正常にインストールされました。これで、Gulpを使用して独自のアプリケーションを作成できます。詳細については、Gulpのドキュメントをご覧ください。