SCSS & SASS Live Compile Process

• Downloads the visual studio code https://code.visualstudio.com/download
• Now goto Files -> Preferences -> Settings.
• Type in the search box "live sass compile".
• Now you wil able to very first option "Live Sass Compile > Settings: Autoprefix" option. Click on the below "Edit in settings.json" link.
• It will open a settings.json file in a new tab. Please put the below code in the file.

• 	{
  		"workbench.colorTheme": "Monokai",
  		"workbench.iconTheme": "material-icon-theme",
  		"liveServer.settings.donotShowInfoMsg": true,
  		"explorer.confirmDelete": false,
  		"workbench.sideBar.location": "left",
  		"window.zoomLevel": 0,
  
  		"liveSassCompile.settings.formats":[
  			// More Complex
  			{
  				"format": "expanded",
  				"extensionName": ".css",
  				"savePath": "~/../css/"
  			},
  
  			{
  				"format": "compressed",
  				"extensionName": ".min.css",
  				"savePath": "~/../css/"
  			},
  		],
  		"files.autoSave": "off",
  		"liveSassCompile.settings.excludeList": [
  			
  
  
  
  			"**/node_modules/**",
  			".vscode/**"
  		],
  		"terminal.integrated.shellArgs.windows": "null",
  		"liveSassCompile.settings.autoprefix": [],
  		"workbench.welcomePage.hiddenCategories": [
  			"Beginner",
  			"Setup"
  		],
  	}