Hvernig á að setja upp Gulp.js á Rocky Linux 8

Gulp er ókeypis, opinn uppspretta JavaScript verkfærasett sem hjálpar forriturum að gera sjálfvirkan og auka verkflæði. Gulp er verkefni sem keyrir byggt á Node.js og NPM sem hjálpar forriturum að draga úr mörgum tímafrekum verkefnum eins og breytingum og hagræðingu, ásamt mörgu öðru. Gulp er einnig með pípuúttak frá einu verkefni sem inntak í það næsta.

Í eftirfarandi námskeiði muntu læra hvernig á að setja upp Gulp.js á Rocky Linux 8.

Forsendur

  • Mælt með stýrikerfi: Rocky Linux 8.+.
  • Notendareikningur: Notendareikningur með sudo eða rót aðgang.
  • Nauðsynlegir pakkar: krulla, hnút og npm

Uppfærðu stýrikerfi

Uppfærðu þína Rocky linux stýrikerfi til að tryggja að allir núverandi pakkar séu uppfærðir:

sudo dnf upgrade --refresh -y

Kennsluefnið mun nota sudo skipun og að því gefnu að þú sért með sudo stöðu. Til að staðfesta sudo stöðu á reikningnum þínum:

sudo whoami

Dæmi um úttak sem sýnir sudo stöðu:

[joshua@rockylinux ~]$ sudo whoami
root

Til að setja upp núverandi eða nýjan sudo reikning skaltu fara á kennsluna okkar á Hvernig á að bæta notanda við Sudoers á Rocky Linux.

Til að nota rótarreikningur, notaðu eftirfarandi skipun með rót lykilorðinu til að skrá þig inn.

su

Athugaðu eða settu upp Curl Package

Curl er þörf fyrir suma hluta þessarar handbókar. Til að setja upp þennan pakka skaltu slá inn eftirfarandi skipun:

sudo dnf install curl -y

Fáðu


Setja upp Node.js

Til að setja upp og, mikilvægara, nota Gulp.js, þú þarft að setja upp Node.js. Ferlið er tiltölulega auðvelt.

Fyrst þarftu að flytja inn Node.js (Nýjasta útgáfa 16) heimild með krulla stjórn eins og hér segir:

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

Athugið að aðrar útgáfur má finna á Uppspretta útgáfusíða fyrir hnút.

Næst skaltu slá inn eftirfarandi skipun til að setja upp Node.js Pakki:

sudo dnf install nodejs

Dæmi úttak:

Hvernig á að setja upp Gulp.js á Rocky Linux 8

Gerð "J," ýttu síðan á „SLAÐA LYKILL“ til að halda áfram með uppsetninguna.

Meðan á uppsetningu stendur verður þú beðinn um að flytja inn GPG lykill:

Hvernig á að setja upp Gulp.js á Rocky Linux 8

Þú þarft að samþykkja þetta, annars mistekst uppsetningin; TYP Y, ýttu síðan á ENTER LYKILL til að staðfesta og ljúka uppsetningunni.

Að staðfesta Node.js var sett upp með góðum árangri og til að tryggja byggingu og útgáfu skaltu nota eftirfarandi:

node -v

Dæmi úttak:

v.16.8.0

Þegar þú settir upp Node.js, það er sjálfkrafa sett upp NPM einnig. Til að staðfesta útgáfuna og smíðina geturðu líka notað eftirfarandi skipun:

npm -v

Dæmi úttak:

7.21.0

Settu upp Gulp.js á Rocky Linux 8

Settu upp Gulp CLI

Fyrsta skrefið er að setja upp Gulp CLI tól á heimsvísu á Rocky Linux kerfinu þínu, sem er notað til að vinna með og stjórna Gulp.js forritinu þínu.

Til að setja upp Gulp CLI tólið skaltu framkvæma eftirfarandi skipun:

npm install -g gulp-cli

Þegar það hefur verið sett upp skaltu halda áfram að setja upp Gulp.js.

Settu upp Gulp.js

Til að setja upp Gulp.js þarftu fyrst að búa til möppu sem notuð er sem forritaskrá.

Notaðu eftirfarandi skipun sem dæmi:

sudo mkdir gulp-directory && cd gulp-directory

Nú þegar þú bjóst til möppuna og hefur farið í hana, búðu til nýtt forrit með eftirfarandi npm skipun:

sudo npm init

Næst muntu sjá röð spurninga til að veita upplýsingar um nýja umsókn þína, eins og sýnt er hér að neðan:

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

Þegar því er lokið skaltu setja upp Gulp mát í forritið þitt með eftirfarandi flugstöðvaskipun:

sudo npm install --save-dev gulp

Til að staðfesta að Gulp.js hafi verið sett upp og til að tryggja byggingu og útgáfu, notaðu eftirfarandi:

gulp --version

Dæmi úttak:

CLI version: 2.3.0
Local version: 4.0.2

Fáðu


Búðu til prófunarforrit (Halló heimur dæmi)

Nú þegar þú hefur sett upp Gulp.js í forritaskránni þinni muntu búa til fljótlegt dæmi til að kynnast því hvernig á að nota Gulp.js með því að búa til hið fræga Halló heimur dæmi um fljótlegt forrit.

Í fyrsta lagi skaltu fara í möppuna þína og búðu til gulpfile.js skrána:

cd gulp-direct && sudo nano gulpfile.js

Afrita og líma eftirfarandi kóða:

var gulp = require('gulp');

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

Vistaðu skrána (CTRL+O), farðu síðan út (CTRL+X).

Næst skaltu keyra Gulp verkefnið með því að framkvæma eftirfarandi skipun:

gulp hello

Dæmi úttak:

[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

Athugasemdir og niðurstaða

Þú hefur lært hvernig á að setja upp Gulp.js á Rocky Linux 8 kerfinu þínu og búa til skyndiprófunarforrit í kennslunni. Gulp er frábært þar sem það gerir notandanum kleift að gera sjálfvirkan ferla og keyra endurtekin verkefni með auðveldum hætti og er mjög vinsæll meðal margra þróunaraðila.

Fyrir frekari upplýsingar, heimsækja opinbera skjalasíðan til frekara náms.

Gerast áskrifandi
Tilkynna um
0 Comments
Inline endurgjöf
Skoða allar athugasemdir
0
Vilt elska hugsanir þínar, vinsamlegast skrifaðu athugasemdir.x