# 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.