# Gulp

## Installing Gulp

 To install gulp first you must have [NodeJs installed](http://nodejs.org/download/), NodeJS will have npm (node packaged modules)\
Run the following commands to get started 

* Navigate to Getting Started folder open the folder with default or light of your choice to begin
* Install `gulp` by running the following command `npm install`
* Now Run `gulp`  it will open browser will address <http://localhost:3000>

```
npm install
```

```
gulp default
```

{% hint style="danger" %}
To use gulp version 4, head to Gulp 4 section&#x20;
{% endhint %}

{% hint style="warning" %}
it will open browser display cannot **Cannot GET /** . please navigate to <http://localhost:3000/blank.html> to view the blank file, as there is no index file in getting started folder
{% endhint %}

{% hint style="success" %}
Compilation of resources will create `atmos.min.css` and `atmos.min.js`in `assets/css` and `assets/js`folder respectively.
{% endhint %}

### Commands

**gulp build**

```
gulp build
```

This will automatically minify your assets resources like css and js into respective folders

**gulp watch**

```
gulp watch
```

This will automatically compile the scss and js file files on save

{% hint style="info" %}
`scss` source files are present in `assets/src` folder, while js files are default available at `assets/js/atlas.js`
{% endhint %}

## Troubleshooting

if encounter problems with installing dependencies or running Gulps commands, first delete the `/node_modules/` directory generated by `npm`. Then, rerun `npm install`.

{% hint style="info" %}
Please use gulp version 3.9.1\
`npm install gulp@3.9.1 --save`
{% endhint %}