# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.atomui.com/build-system/gulp-build-system.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.