Suprokash101 / My-GulpFile-with-SCSS-and-BrowserSync

A minimalistic starter project with SASS support....This also includes "browser-sync", "gulp-autoprefixer" and "gulp-sourcemaps"....

Home Page:https://github.com/Suprokash101/My-GulpFile-with-SCSS-and-BrowserSync/tree/master

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Installation/Usage:

First and foremost, you have to install node.js on your machine (if, it is not already installed), then follow these 4 simple steps given below:

Step 1: Clone this entire repo

$ git clone https://github.com/Suprokash101/My-GulpFile-with-SCSS-and-BrowserSync.git

Step 2: Edit the directory name or Move into the directory as it is

$ cd My-GulpFile-with-SCSS-and-BrowserSync

Step 3: Install dependencies

$ npm install

Step 4: Run the example

$ gulp

Additional Info:

Your browser will open....Now edit index.html and/or sass/main.scss file inside app directory. You can also create other scss files and link them with index.html file or main.css file (whatever is appropriate)...

List of npm packages used:

  • browser-sync
  • gulp
  • gulp-autoprefixer
  • gulp-sass
  • gulp-sourcemaps

Big thanks to all the authors of these packages ❤️ ❤️ ❤️

About

A minimalistic starter project with SASS support....This also includes "browser-sync", "gulp-autoprefixer" and "gulp-sourcemaps"....

https://github.com/Suprokash101/My-GulpFile-with-SCSS-and-BrowserSync/tree/master

License:MIT License


Languages

Language:JavaScript 64.5%Language:HTML 29.5%Language:CSS 6.1%