CSS generated by sass in vscode

Time:2022-3-3

Today, I was watching a CSS3 animation video. The blogger used sass language. With curiosity, I checked the basic usage and tried to install the environment in vscode. HMM ~ it’s still very convenient

1. First, the first step is to install sass globally. There are several ways. The NPM I use here is based on the principle of convenience~

npm i sass -g

2. Check the installed version

sass --version

3. Execute the conversion statement. Note that I use the conversion of all files in the folder

Convert all files in sass folder to CSS folder

sass --watch sass --watch ./sass:./css

4. Add the above statement to package JSON

CSS generated by sass in vscode

Attach the screenshot after conversion

Hahaha ~ learn a little knowledge every day and master 365 knowledge in one year. come on.