วิธีการติดตั้ง Gulp.js บน Rocky Linux 8


อึก เป็นชุดเครื่องมือ JavaScript โอเพ่นซอร์สฟรีข้ามแพลตฟอร์มที่ช่วยให้นักพัฒนาทำงานอัตโนมัติและปรับปรุงเวิร์กโฟลว์ อึกเป็นงานที่ทำงานบน Node.js และ NPM ที่ช่วยให้นักพัฒนาลดงานที่ต้องใช้เวลามากมาย เช่น การปรับเปลี่ยนและการเพิ่มประสิทธิภาพ ท่ามกลางสิ่งอื่น ๆ อีกมากมาย อึกยังมีเอาต์พุตท่อจากงานหนึ่งเป็นอินพุตไปยังอีกงานหนึ่ง

ในบทช่วยสอนต่อไปนี้ คุณจะได้เรียนรู้ วิธีการติดตั้ง Gulp.js บน Rocky Linux 8.

เบื้องต้น

  • ระบบปฏิบัติการที่แนะนำ: ร็อคกี้ลินุกซ์ 8 +.
  • บัญชีผู้ใช้: บัญชีผู้ใช้ที่มีการเข้าถึง sudo หรือรูท
  • แพ็คเกจที่จำเป็น: curl, node และ npm

อัปเดตระบบปฏิบัติการ

อัปเดตของคุณ ลินุกซ์ร็อคกี้ ระบบปฏิบัติการเพื่อให้แน่ใจว่าแพ็คเกจที่มีอยู่ทั้งหมดเป็นปัจจุบัน:

sudo dnf upgrade --refresh -y

บทช่วยสอนจะใช้ the คำสั่ง sudo และ  สมมติว่าคุณมีสถานะ sudo. วิธีตรวจสอบสถานะ sudo ในบัญชีของคุณ:

sudo whoami

ตัวอย่างผลลัพธ์ที่แสดงสถานะ sudo:



[joshua@rockylinux ~]$ sudo whoami
root

หากต้องการตั้งค่าบัญชี sudo ที่มีอยู่หรือใหม่ โปรดไปที่บทช่วยสอนของเราที่ วิธีเพิ่มผู้ใช้ใน Sudoers บน Rocky Linux.

ในการใช้งาน บัญชีรูทให้ใช้คำสั่งต่อไปนี้ด้วยรหัสผ่าน root เพื่อเข้าสู่ระบบ

su

ตรวจสอบหรือติดตั้ง Curl Package

โค้ง จำเป็นสำหรับบางส่วนของคู่มือนี้ ในการติดตั้งแพ็คเกจนี้ ให้พิมพ์คำสั่งต่อไปนี้:

sudo dnf install curl -y

ติดตั้ง Node.js

เพื่อการติดตั้งให้สำเร็จและที่สำคัญกว่านั้นคือใช้ อึก jsคุณต้องติดตั้ง Node.js. กระบวนการนี้ค่อนข้างง่าย

ขั้นแรก คุณจะต้องนำเข้า Node.js (เวอร์ชั่นล่าสุด 16) ที่มากับ curl คำสั่ง ดังต่อไปนี้:

sudo curl -fsSL https://rpm.nodesource.com/setup_current.x | sudo bash -

หมายเหตุ สามารถพบเวอร์ชันอื่นได้ที่ หน้าปล่อยโหนดแหล่งที่มา.



จากนั้นพิมพ์คำสั่งต่อไปนี้เพื่อติดตั้ง Node.js แพคเกจ:

sudo dnf install nodejs

ตัวอย่างผลลัพธ์:

วิธีการติดตั้ง Gulp.js บน Rocky Linux 8

ชนิดภาพเขียน “ครับ” จากนั้นกดปุ่ม "ใส่รหัส" เพื่อดำเนินการติดตั้งต่อไป

ระหว่างการติดตั้ง คุณจะได้รับแจ้งให้นำเข้าไฟล์ คีย์ GPG:

วิธีการติดตั้ง Gulp.js บน Rocky Linux 8

คุณต้องยอมรับสิ่งนี้ มิฉะนั้นการติดตั้งจะล้มเหลว ประเภท Y จากนั้นกดปุ่ม ใส่รหัส เพื่อยืนยันและทำการติดตั้งให้เสร็จสิ้น

เพื่อยืนยัน Node.js ติดตั้งสำเร็จแล้ว และเพื่อให้แน่ใจว่าบิลด์และเวอร์ชัน ให้ใช้สิ่งต่อไปนี้:



node -v

ตัวอย่างผลลัพธ์:

v.16.8.0

เมื่อคุณติดตั้ง Node.js, ติดตั้งโดยอัตโนมัติ NPM เช่นกัน. ในการตรวจสอบเวอร์ชันและบิลด์ คุณยังสามารถใช้คำสั่งต่อไปนี้:

npm -v

ตัวอย่างผลลัพธ์:

7.21.0

ติดตั้ง Gulp.js บน Rocky Linux 8

ติดตั้งอึกCLI

ขั้นตอนแรกคือการติดตั้ง อึก CLI เครื่องมือทั่วโลกบนระบบ Rocky Linux ของคุณ ซึ่งใช้ในการทำงานและจัดการแอปพลิเคชัน Gulp.js ของคุณ

ในการติดตั้งเครื่องมือ Gulp CLI ให้รันคำสั่งต่อไปนี้:

npm install -g gulp-cli

เมื่อติดตั้งแล้ว ให้ไปที่การติดตั้ง Gulp.js



ติดตั้ง Gulp.js

ในการติดตั้ง Gulp.js คุณต้องสร้างไดเร็กทอรีที่ใช้เป็นไดเร็กทอรีแอปพลิเคชันของคุณก่อน

ใช้คำสั่งต่อไปนี้เป็นตัวอย่าง:

sudo mkdir gulp-directory && cd gulp-directory

เมื่อคุณสร้างไดเร็กทอรีและไปที่ไดเร็กทอรีแล้ว ให้สร้างแอปพลิเคชันใหม่โดยใช้คำสั่ง npm ต่อไปนี้:

sudo npm init

ถัดไป คุณจะเห็นชุดคำถามเพื่อให้ข้อมูลเกี่ยวกับการสมัครใหม่ของคุณ ดังที่แสดงด้านล่าง:

package name: (gulp-directory) 
version: (1.0.0) 
description: Gulp Application
entry point: (index.js) 
test command: echo "My app" $$ exit 1
git repository: 
keywords: gulp
author: Joshua James
license: (ISC) 
About to write to /home/joshua/gulp-directory/package.json:

{
  "name": "gulp-directory",
  "version": "1.0.0",
  "description": "Gulp Application",
  "main": "index.js",
  "scripts": {
    "test": "echo \"My app\" $$ exit 1"
  },
  "keywords": [
    "gulp"
  ],
  "author": "Joshua James",
  "license": "ISC"
}


Is this OK? (yes) yes

เมื่อเสร็จแล้วให้ติดตั้ง โมดูลอึก ไปยังแอปพลิเคชันของคุณด้วยคำสั่งเทอร์มินัลต่อไปนี้:

sudo npm install --save-dev gulp

เพื่อยืนยันว่า Gulp.js ได้รับการติดตั้งสำเร็จ และเพื่อให้แน่ใจว่าบิลด์และเวอร์ชัน ให้ใช้สิ่งต่อไปนี้:



gulp --version

ตัวอย่างผลลัพธ์:

CLI version: 2.3.0
Local version: 4.0.2

สร้างแอปพลิเคชันทดสอบ (ตัวอย่าง Hello World)

เมื่อคุณติดตั้ง Gulp.js สำเร็จในไดเร็กทอรีแอปพลิเคชันของคุณแล้ว คุณจะได้สร้างตัวอย่างสั้นๆ เพื่อทำความคุ้นเคยกับวิธีใช้ Gulp.js โดยการสร้างที่มีชื่อเสียง สวัสดีชาวโลก ตัวอย่างการใช้งานด่วน

ขั้นแรก ไปที่ไดเร็กทอรีของคุณและ สร้างไฟล์ gulpfile.js:

cd gulp-direct && sudo nano gulpfile.js

คัดลอกและวาง รหัสต่อไปนี้:

var gulp = require('gulp');

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

บันทึกไฟล์ (CTRL+O), แล้วออก (CTRL+X).

ถัดไป เรียกใช้งาน Gulp โดยดำเนินการคำสั่งต่อไปนี้:



gulp hello

ตัวอย่างผลลัพธ์:

[22:49:40] Using gulpfile /home/joshua/gulp-directory/gulpfile.js
[22:49:40] Starting 'hello'...
Hello World!!!
[22:49:40] Finished 'hello' after 1.21 ms

ความคิดเห็นและข้อสรุป

คุณได้เรียนรู้วิธีติดตั้ง Gulp.js บนระบบ Rocky Linux 8 และสร้างแอปพลิเคชันทดสอบอย่างรวดเร็วในบทช่วยสอน อึกนั้นยอดเยี่ยมเพราะช่วยให้ผู้ใช้ดำเนินการอัตโนมัติและทำงานซ้ำ ๆ ได้อย่างง่ายดายและเป็นที่นิยมอย่างมากในหมู่นักพัฒนาหลายคน

ดูรายละเอียดเพิ่มเติมได้ที่ หน้าเอกสารประกอบ เพื่อการเรียนรู้ต่อไป



ไม่ใช่สิ่งที่คุณกำลังมองหา? ลองค้นหาบทช่วยสอนเพิ่มเติม

แสดงความคิดเห็น