How to Install and Use SASS on VsCode

In this video, I take you through how to install and use SASS on VsCode.


Link:
Download and Install Node.js from here - https://nodejs.org/en/


Chapters:
0:00 Intro
0:23 Step 1. Install node and npm
2:54 Step 2. Install SASS from your command line using the below command
3:13 Step 3. Install Sass VsCode Extension called  Live SASS Compiler
3:42 Setting up your files
7:53 End screen


What you'll learn:
1. Installing SASS on VsCode
    a. How To install SASS on Vscode
2. Step 1. Install node and npm
    a.. How to navigate to your VsCode terminal
3. Step 2. Install SASS from your command line using the below command
4. Step 3. Install Sass VsCode Extension called  Live SASS Compiler
    a. How to convert your SCSS files and coverts them to regular CSS each time you save
    b. How to search for the extension directly within your VsCode IDE
    c. How to search for Live SASS Compiler
5. Setting up your files
    a. How to create a simple index.html and style.scss file
    b. How to Create a file called styles.scss
    c. How to create a SASS file
    d. How to watch the VSCode
    e. How to automatically create two additional files in your directory. styles.css and styles.css.map
    f. How to link your CSS to your HTML
    g. How to map the style.scss to the style.css for browsers to recognize it as a normal CSS file
    h. How to make Live SASS compiler checks for changes in your SASS files and updates your CSS
    i. How to use SASS for your project














Song: Atch - Forever
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: Atch - Forever (Vlog No Copyright Music)

Song: Markvard - Memories
Music provided by Vlog No Copyright Music.
Video Link: https://bit.ly/3ok8Kpo

#computereverywhere #howto #install #howtouse #sass #vscode