How to install Gulp using gulpfile.js

In this article, we are sharing a brief tutorial on installing gulp for web projects. You can install gulp by following the guides provided below.

System requirements for gulp

  • Operating system: Cross-Platform
  • Browser support: IE8+, Firefox, Google Chrome, Safari, Opera

How to Install Gulp

Step 1: You have Node.js installed on your system to run gulp.

Download Node.Js here, we recommend LTS version for our users as it is a stable release.

Step 2: Next, run the setup to install the NodeJs on your computer.

Step 3: You need to set environment variables.

My Computer > Properties > Advanced Settings

gulp command not found

Click on Environment Variables

gulp file not found node js

Now the Environment Variables screen appears. Click new user variable by clicking New

  1. Create an environmental variable with the name NODE_PATH
  2. Set the variable value to: %AppData%\npm\node_modules or %AppData%\npm
  3. Close CMD, and Re-Open to get the new ENV variables

Click OK and don’t forget to reopen cmd to update all variables.

Step 4: Open the command prompt and enter the following command. It will display the version of Node.js that we have just installed.

node -v
install gulp

Step 5: In order to install node packages, we need the node package manager. To check the version of npm we need to run below command.

npm -v
install gulp using npm

Step 7: To Install gulp task runner, hit below command. -g stands for global, i.e gulp will be installed globally and it will be available for all the projects.

npm install gulp -g

Step 8: Open the command prompt and enter the following command. It will display the version of Node.js that we have just installed.

gulp -v
how to find gulp version

Install Bootstrap 4 using Node JS and Gulp

We wrote an article on installing Bootstrap 4 using Node JS with Gulp in it. Click here for the guide.

Related posts:

Founder
View posts

A passionate blogger and a tech enthusiast who is always keen and awaiting to know about fully fledged new technologies who's currently using Zenfone 3 as a part of daily routine. You can spot me @ #facebook, #twitter & #Google +

Leave a Comment