Cara memasang Gulp.JS di Ubuntu 20.04

Gulp adalah toolkit javascript sumber terbuka yang dibangunkan oleh Eric Schoffstall membantu pemaju untuk mengautomasikan & meningkatkan aliran kerja di sana. Ia adalah pelari tugas baris arahan yang baik untuk nod.Aplikasi JS. Gulp Mari kita mengotomatisasi proses dan menjalankan tugas berulang dengan mudah. Ia memberikan ciri output paip dari satu tugas sebagai input ke yang seterusnya.

Tutorial ini menggambarkan anda cara memasang Gulp di Ubuntu 20.04 LTS Linux Systems.

Langkah 1 - Memasang nod.js

Pertama sekali, anda perlu memasang nod.js di sistem anda. Gunakan set arahan berikut untuk menambah nod.JS PPA dalam sistem Ubuntu anda dan pasangkannya.

sudo apt pasang sifat-sifat perisian python  

curl -sl https: // deb.Nodesource.com/setup_14.X | sudo -e bash -  sudo apt memasang nodejs -y  

Pastikan anda berjaya memasang nod.JS dan NPM di sistem anda

nod --version  npm --version  

Langkah 2 - Buat aplikasi sampel dengan npm

Gulp boleh digunakan dengan mudah di nod anda yang sedia ada.Permohonan JS. Anda hanya perlu memasang pakej gulp untuk nod.js dalam projek anda. Untuk tutorial ini, saya membuat nod contoh.Permohonan JS dengan npm.

Mkdir Gulp-Project && CD Gulp-Project  NPM INIT  

Perintah ini akan mendorong maklumat yang diperlukan untuk memulakan projek kosong baru di bawah direktori semasa.

Masukkan semua butiran yang diperlukan untuk aplikasi anda. Pada akhirnya, ia akan menunjukkan kepada anda butiran yang anda masukan dan meminta anda mengesahkan.

Tentang menulis ke/root/gulp-projek/pakej.json: "name": "gulp-project", "versi": "1.0.0 "," Penerangan ":" Aplikasi Gulp Pertama oleh Tecadmin "," Utama ":" Indeks.js "," skrip ": " test ":" echo \ "error: no test ditentukan \" && exit 1 "","" kata kunci "": ["" gulp "","" app ""],"" pengarang "":"" tecadmin "" , ""Lesen"": ""ISC"" Adakah ini ok? (Ya) 

Tekan Cukup Enter untuk menyimpan semua butiran dalam pakej.fail json.

Langkah 3 - Memasang Gulp di Ubuntu

Sebaik sahaja anda mempunyai nod.Permohonan JS. Gunakan arahan berikut untuk memasang Gulp CLI secara global pada sistem anda.

Pemasangan NPM -G Gulp -CLI  

Pasang juga pakej Gulp dalam aplikasi anda. Swith ke direktori aplikasi anda dan laksanakan arahan berikut.

Pemasangan NPM--Save-Dev Gulp  

Semua selesai, mari kita periksa versi terpasang Gulp CLI pada sistem anda dan modul Gulp dalam aplikasi anda dengan arahan berikut.

Gulp --version  Versi CLI: 2.2.0 Versi Tempatan: 4.0.2 

Anda telah berjaya memasang alat CLI Gulp pada sistem anda.

Langkah 4 - Contoh Hello Dunia Gulp

Semasa anda mempunyai Pakej Gulp menambah aplikasi anda dan memasang Gulp-CLI pada sistem anda.

Seterusnya, buat Gulpfile.js di bawah direktori akar permohonan.

Nano Gulpfile.js  

Tambahkan kod contoh Program Contoh Hello World Gulp.

var gulp = memerlukan ('gulp')