“Instal Gulp Ubuntu” Kode Jawaban

Instal Gulp Ubuntu

Step 1 - update package manager
apt-get update -y
 
 
Step 2 – Install Required Dependencies
Before starting, you will need to install some dependencies on your server. 
You can install all of them with the following command:

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

Once all the dependencies are installed, you can proceed to install Node.js.

Step 3 – Install Node.js
You will also need to install Node.js before installing Gulp.
First, add the Node.js repository using the following command:

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

Next, install Node.js with the following command:

apt-get install nodejs -y
 
Once Node.js is installed, verify the installed version of Node.js with
the following command:

node --version
 
Output:

v14.17.0

You can also verify the NPM version with the following command:

npm --version

Output:

6.14.13

Step 4 – Create a Sample Application with NPM
First, create a new application directory with the following command:

mkdir project

Next, change the directory to the project directory and 
create an application with the following command:

cd project
npm init

You will be asked some questions to create a package.json file:

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

Step 5 – Install Gulp.js
Next, you can install the Gulp CLI tool with the following command:

npm install -g gulp-cli

Output:

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

Once Gulp is installed, change the directory to your project directory and 
install the gulp package with the following command:

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

You can now verify the Gulp version with the following command:

gulp --version

You should see the following output:

CLI version: 2.3.0
Local version: 4.0.2
 
Step 6 – Create a Gulp Application
Next, create a sample Gulp application with the following command:

nano /root/project/gulpfile.js

Add the following lines:

var gulp = require('gulp');

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

Save and close the file, then run the gulp task with the following command:

gulp hello

If everything is fine, you should get the following output:

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