# Using Source Files

In the template package, you will find the 📁 SOURCE folder, which contains Sass and JS files along with a simple development environment based on Gulp. The source files are intended for use by experienced users.

# Requirements

  • NodeJS (v13.13.0 or later)
  • npm (v6.14.4 or later)
  • Gulp (v4.0.2 or later)

# Installation

# Step 1: Checking Environment

Before starting, make sure to check your current environment. In your shell terminal, enter the following:

node -v
npm -v

The commands above should display the current Node and npm versions.

# Step 2: Using a Different Node Version (optional)

If your Node version is different from the required one, you can install and use NVM – Node Version Manager (opens new window). This manager allows you to use a specific Node version per project.

Navigate your terminal's working directory to the 📁 SOURCE folder. The following command will set the currently used NodeJS version to the required one:

nvm use

# Step 3: Installing Gulp

It's recommended to install Gulp and Gulp CLI globally so the gulp command will be accessible via the system terminal.

npm i -g gulp gulp-cli
npm i

# Step 4: Configuring

Open the 📁 SOURCE/gulpfile.js file and specify the working directories. Optionally, you can turn on/off minification:

const compilation = {
  src: '.', // source dir (current)
  dist: '../HTML', // compilation dir
  minify: true
};

# Step 5: Running

gulp default

In your browser, open http://localhost:3000/. You should see the template index page.