Gulp - Atmos

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​
1
npm install
Copied!
1
gulp default
Copied!
To use gulp version 4, head to Gulp 4 section 
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
1
gulp build
Copied!
This will automatically minify your assets resources like css and js into respective folders
gulp watch
1
gulp watch
Copied!
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 [email protected] --save

Getting Started

Gulp 4

Last modified 1yr ago

Copy link

Contents

Installing Gulp

Commands

Troubleshooting