My WP BootStrap Starter Theme with SASS and autoreload functionality using VS Code

This is not just another wordpress starter theme using Bootstrap 4, it also include valueable functionality which makes the theme building process easy. Just clone this repo. and follow the instruction given bellow :-

setup the liveSass Compiler extension, change the savePath as described bellow.

"liveSassCompile.settings.formats":[
        // This is Default.
        {
            "format": "expanded",
            "extensionName": ".css",
            // "savePath": "/public/css"
            "savePath": "./" //changed for wordpress
        },
    ],

CMD+Shift+P -> Live Sass: Watch Sass

Install browser-sync npm package using the following command, in case if you have not already installed it.

npm i -g browser-sync 

then add package.json as follows :-

{
    "name": "mywpbootstrapstartertheme",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "start": "browser-sync start --proxy 'wp5.tst' --files '**.*' "
    }
  }
  

in the terminal run

npm run start

Enjoy