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 commandnpm install
Now Run
gulp
it will open browser will address http://localhost:3000
npm install
gulp default
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.js
in assets/css
and assets/js
folder 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
Troubleshooting
if encounter problems with installing dependencies or running Gulps commands, first delete the /node_modules/
directory generated by npm
. Then, rerun npm install
.
Last updated