gulp-browser-sync

Code Template for practicing SCSS.

Install VS Code Extension

* Live SASS Compiler
* Live Server

Update setting.json.

* Open the command pallete (CTRL + SHIFT + P) 
* Type `open user settings (JSON)`
* Paste the code below

"liveSassCompile.settings.formats": [
{
  "format": "compressed",
  "extensionName": ".css",
  "savePath": "/dist",
  "savePathReplacementPairs": null
}

]

Install libraries

* npm init -y
* npm install -g sass 
* npm install gulp gulp-sass gulp-postcss cssnano gulp-terser browser-sync