Ubuntu21.04にGulpJSをインストールする方法

はじめに

Gulpは、主にフロントエンドレイヤーでタスクを自動化するためのツールです 。 javascriptで開発され、NodeJSで動作するため、どのシステムでも実行できます。

ディスクに何かが書き込まれる前に、メモリ内にあるファイルに多くの変換を適用できます。これにより、ビルドプロセスが大幅に高速化されます。

このツールはNodeJSで構築されているため、システムにインストールする必要があります。

したがって、ターミナルでは、Ubuntuが最新であることを確認してください。

sudo apt update && sudo apt upgrade

software-properties-commonをインストールします通常はすでに含まれているパッケージですが、必ず確認することをお勧めします。

sudo apt install software-properties-common

また、 16.xを使用します NodeJSのバージョンなので、開発者が提供する外部リポジトリを介してインストールする必要があります。リポジトリを追加するには、次のコマンドを実行する必要があります：

curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -

これで、次のコマンドを実行してNodeJSをインストールできます。

sudo apt install nodejs

バージョンをチェックして、プロセスが成功したかどうかを確認します。

node --version
npm --version

次に、Gulpのインストール先となるフォルダーを作成する必要があります。次に、それにアクセスする必要があります。

mkdir project
cd project
npm init

Then start the NodeJS project

package.json ファイルが作成されます。

次に、 gulp-cliをインストールしますこれは、Gulpを使用するために必要なパッケージの1つです。

sudo npm install -g gulp-cli

そして、Gulpパッケージをインストールします

sudo npm install --save-dev gulp

この後、次を実行してインストールを確認できます：

gulp --version

インストールのテスト

gulpfile.jsというファイルを作成しますテキストエディタで。 vimを使用します。

vim gulpfile.js

そして、以下を追加します：

var gulp = require('gulp');

gulp.task('test', function(done) {
  console.log('Hello visitors from unixcop');
  done();
});

この場合、画面に挨拶を印刷するだけのタスクを定義しました。

実行するには、次のように入力します

gulp test

そのため、Gulpがインストールされ、すぐに使用できるようになりました。

結論

Gulpは、フロントエンド開発者が面倒だと感じる可能性のある多くのタスクの自動化に貢献します。これは、それらの多くにとって貴重なツールになります。この投稿では、UbuntuにGulpをインストールするための一連の手順を紹介しました。