An organized and automated workflow to create Front End with the help of Bootstrap. sass, es6 environment, live local server with auto-refresh, complete build task for production and lot more..
- Download and install Node.js
- Install Gulp globally
npm install gulp -g
- In terminal/command line,
cd
into your project directory - Clone this workflow
git clone https://github.com/azizulDev/Front-End-Workflow-Bootstrap.git
cd
into the downloaded repository
cd Front-End-Workflow-Bootstrap
- Install all dependencies
npm install
- After all dependencies installed. you can run tasks
gulp watch
to run development taskgulp build
to build your project for productiongulp previewDist
preview your production copy
Task Name | Description |
---|---|
gulp watch |
spin up a local web server and watching for save changes in the working directory. |
gulp build |
it takes all of your source code to optimize and minify them then create a new folder called dist in the root of the directory. |
gulp previewDist |
preview your production copy on a live server. |