How to install SASS?

How to install SASS?

This article we are learn how to install SASS on our system. SASS stand for (Syntactically Awesome Style Sheets) is an extension of CSS. SASS is compatible with all versions of CSS. It is more stable and powerful & describes style of document cleanly and structurally & reduce CSS also. Make the CSS file lighter. It is more useful for us.

Step 1 – Download Node Js.

When node is download after that you install Node Js on your system. Available Window or Mac Both.

You can download this url – https://nodejs.org/en/download/

Step 2 – Install SASS with Nodejs command prompt.

You can easily to open command prompt just you go start menu & type cmd you will see Nodejs command prompt & click., Once the command prompt is open, install Sass by typing the following in the prompt.

Below you can see Nodejs command prompt.

How to install SASS? papawebdesigner

After that you just type “npm install -g sass” on command prompt. Now SASS is installed on your system. See below.

How to install SASS? papawebdesigner

Step 3 – Create folder & connect SCSS to CSS.

You create a folder & also create HTML or SCSS file like this.

How to install SASS? papawebdesigner

Now you go folder address bar and type “cmd” below you can see.

How to install SASS? papawebdesigner

It will be open command prompt we are reached in our sass folder below you can see.

Now you just type this command “sass –watch style.scss:style.css” below you can see.

How to install SASS? papawebdesigner

Step 4 – Create folder & connect SCSS to CSS.

Attech CSS link on html below you can see.

How to install SASS? papawebdesigner

After that we write CSS in style.scss below you can see.

How to install SASS? papawebdesigner

Here automatically compiled SCSS to CSS below you can see.

How to install SASS? papawebdesigner

Here you can see our css is refelect.

How to install SASS? papawebdesigner

Finally we are completed how to install SASS on our system. If you have any further query please comment below.

We have given the best suitable and easiest way to install SASS.

Thanks for reading this article. We have Html & Html5, jquery, js, css question & answer & Angular6 also. For more designs solutions like this, you simply visit our site’s post and pages. Collection of amazing designing, development tricks and tips. Hope you like create dropdown menu using css & css3 for any query & suggestion please comment.

We have furthermore more beautiful jQuery module you can visit easily.

https://www.papawebdesigner.com/category/jquery/

#slider #owl-carousel #logoslider #brandslider #jqueryslider

Leave a Reply

Your email address will not be published. Required fields are marked *