Cara Menginstal Gulp.js di Ubuntu 20.04

Gulp adalah toolkit perangkat lunak JavaScript open-source yang membantu Anda untuk mengotomatisasi tugas-tugas yang menyakitkan atau memakan waktu dalam alur kerja pengembangan Anda. Ini adalah lintas platform dan dapat diintegrasikan ke dalam semua IDE utama. Anda dapat menggunakan Gulp dengan banyak bahasa pemrograman termasuk PHP, .NET, Node.js, Java, dan lainnya.

Pada postingan kali ini, kami akan menjelaskan cara install Gulp js di Ubuntu 20.04 VPS.

Prasyarat

• Server Ubuntu 20.04 baru di Atlantic.Net Cloud Platform
• Kata sandi root yang dikonfigurasi di server Anda

Langkah 1 – Buat Server Cloud Atlantic.Net

Pertama, masuk ke Server Cloud Atlantic.Net Anda. Buat server baru, pilih Ubuntu 20.04 sebagai sistem operasi dengan setidaknya 2GB RAM. Hubungkan ke Server Cloud Anda melalui SSH dan masuk menggunakan kredensial yang disorot di bagian atas halaman.

Setelah Anda masuk ke server Ubuntu 20.04 Anda, jalankan perintah berikut untuk memperbarui sistem dasar Anda dengan paket terbaru yang tersedia.

apt-get update -y

Langkah 2 – Instal Dependensi yang Diperlukan

Sebelum memulai, Anda perlu menginstal beberapa dependensi di server Anda. Anda dapat menginstal semuanya dengan perintah berikut:

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

Setelah semua dependensi terinstal, Anda dapat melanjutkan untuk menginstal Node.js.

Langkah 3 – Instal Node.js

Anda juga perlu menginstal Node.js sebelum menginstal Gulp. Pertama, tambahkan repositori Node.js menggunakan perintah berikut:

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

Selanjutnya, instal Node.js dengan perintah berikut:

apt-get install nodejs -y

Setelah Node.js diinstal, verifikasi versi Node.js yang diinstal dengan perintah berikut:

node --version

Keluaran:

v14.17.0

Anda juga dapat memverifikasi versi NPM dengan perintah berikut:

npm --version

Keluaran:

6.14.13

Langkah 4 – Buat Contoh Aplikasi dengan NPM

Pertama, buat direktori aplikasi baru dengan perintah berikut:

mkdir project

Selanjutnya, ubah direktori ke direktori proyek dan buat aplikasi dengan perintah berikut:

cd project
npm init

Anda akan ditanya beberapa pertanyaan untuk membuat file 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

Langkah 5 – Instal Gulp.js

Selanjutnya, Anda dapat menginstal alat Gulp CLI dengan perintah berikut:

npm install -g gulp-cli

Keluaran:

/usr/bin/gulp -> /usr/lib/node_modules/gulp-cli/bin/gulp.js
+ [email protected]
added 252 packages from 165 contributors in 17.941s

Setelah Gulp terinstal, ubah direktori ke direktori proyek Anda dan instal paket gulp dengan perintah berikut:

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

Anda sekarang dapat memverifikasi versi Gulp dengan perintah berikut:

gulp --version

Anda akan melihat output berikut:

CLI version: 2.3.0
Local version: 4.0.2

Langkah 6 – Buat Aplikasi Gulp

Selanjutnya, buat contoh aplikasi Gulp dengan perintah berikut:

nano /root/project/gulpfile.js

Tambahkan baris berikut:

var gulp = require('gulp');

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

Simpan dan tutup file, lalu jalankan tugas gulp dengan perintah berikut:

gulp hello

Jika semuanya baik-baik saja, Anda akan mendapatkan output berikut:

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

Kesimpulan

Selamat! Anda telah berhasil menginstal Gulp di Ubuntu 20.04 VPS. Anda sekarang dapat membuat aplikasi Anda sendiri dengan Gulp. Untuk informasi lebih lanjut, kunjungi dokumentasi Gulp.