# Using Source Files

In the template package you will find 📁 SOURCE folder which contains Sass and JS files along with 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 start make sure to check your current environment. In your shell termnial enter the following:

node -v
npm -v

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

# ▶️️️️️ Step 2: Using 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 to use the specific Node version per project.

Navigate your termnial working directory to 📁 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 gulp command will be accessible via system terminal.

npm i -g gulp gulp-cli
npm i

# ▶️️️️️ Step 4: Configuring.

Open 📁 SOURCE/gulpfile.js file specify the working directories and optionally turn on/off minification:

  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 the see template index page.