scss的安装与使用

scss的使用原因

less与scss部分功能是相同的，都可以简化样式的编写，但是在开发中发现，当希望通过函数处理某些数据的时候，无法定义数据的返回,
而scss可以完成对数据运算后返回数据方法的定义，因此决定使用scss

 @function rem($pixle){
    @return $pixle / 10;
}

.box{
    width:rem(20) rem;
}

#scss的安装
看了网上的安装教程，发现都说先要安装Ruby作为运行环境，感觉非常麻烦，想到现在很多都可以直接通过npm进行安装，然后本人直接尝试了一下，安装完成后可以正常使用这里记录一下安装的过程：

安装nodejs

本人之前已经装过nodejs因此无需再次安装，因此可以直接使用npm，未安装的可以直接去查看nodejs的安装

设置npm全局安装

以上两个问题可以从以下位置找到解决方案：
https://blog.csdn.net/tjj3027/article/details/84751321

如果已经安装或设置过，直接看一下部分：

安装sass

npm install -g sass

安装easy sass

搜索商店，查找easy sass安装，完成后重启vscode即可

然后不需要设置任何内容，编写.scss文件后，自动保存即可生成以下的文件，甚至包括压缩的文件，非常nice!