How to install Sass compiler
You are Here:
How to install Sass compiler
To install Sass compiler, follow these steps
- Download Node.js and install it (very common procedure).
- Open your command prompt (windows user) or terminal (mac user) and change the directory to a folder where you want to install node-sass.
- Type 'npm i node-sass' and hit Enter. You are ready to thrive Sass.
How to work?
- Create a file with an extension .scss (say 'mysass.scss') inside a folder of any name (say 'sassfolder') in a directory where you have installed node-sass (for convenience).
- Copy and paste any sass code into 'mysass.scss' file. You can find a sample sass code within this page.
- Now its time to convert your sass file to css file.
- Open your command prompt (windows user) or terminal (mac user) and change the directory to a folder where you have installed node-sass.
- Type the following command and hit enter.
Command Prompt
sass --watch sassfolder/mysass.scss cssfolder/mycss.css
Now Sass compiler will create a folder 'cssfolder' where you can find your css file 'mycss.css'.
Online Sass to CSS Converter
You can use online sass compiler for learning purpose because that's the fastest way of learning Sass.
In the following example, we will convert a sample Sass code to CSS code.
Example
SASS TO CSS CONVERTER
p{
color: red;
a{
color: green;
}
}
Reminder
Hi Developers, we almost covered 99.1% of Sass Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in Sass.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.
