Getting Started SASS

Step 1: Open Visual Studio Code with your web application. Step 2: Open new terminal window from your VS Code. Step 3: install the following package: >npm install sass -g Step 4: Create SASS and CSS directories in your project Step 5: Install Extensions: Live Sass Compiler by Glenn Marks and Live Server by Ritwick Dey for VS Code Step 6: Create file in your project as style.scss Step 7: Click on Watch Sass on your VS Code editor's status bar. Step 8: To see live preview right html file and select Open with Live Server if you don't want to install extensions then use the following command using terminal: >sass --watch style.scss style.css Step 9: write the following at style.scss file:

$color:red;
body{
 color:$red;
}

Step 10: See the link https://sass-lang.com/guide