Gulp

gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

Installing Gulp

To install gulp first you must have NodeJs installed, 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

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

Compilation of resources will create atmos.min.css and atmos.min.jsin assets/css and assets/jsfolder respectively.

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

scss source files are present in assets/src folder, while js files are default available at assets/js/atlas.js

Troubleshooting

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

Please use gulp version 3.9.1 npm install gulp@3.9.1 --save