Webstorm SCSS环境配置

注意 以前我还不知道，sass还有一个版本叫Dart Sass。这个版本只需要用npm安装就行，而且许多新特性都在Dart Sass中才有效：
官网：sass-lang.com/install/

Dart Sass也有两个版本：

1. sass

sass 包是纯 JavaScript，速度稍慢，但可以安装在Node.js支持的所有平台上。

pnpm add -D sass

3. sass-embedded

sass-embedded 包在 Dart VM 周围包装了一个 JSAPI，因此它更快，但仅支持 Windows、Mac OS 和 Linux。

pnpm add -D sass-embedded

具体本地配置和用法可以参考这位网友的文章：
cloud.tencent.com/developer/a…

注意:node-sass不再受支持：

下面是Ruby Sass的配置过程（旧）

首先要仔细阅读官网scss安装教程。
sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。
官网下载地址：rubyinstaller.org/downloads/
国内下载地址(速度更快)：rubyinstaller.cn/

从国内下载：

然后进行安装（安装过程中可以配置安装路径）：

安装完成以后，找到下面的程序：

点击启动这个程序：

在这个命令行中输入下面的命令下载scss的依赖（这分别是两个依赖，所以一个下载完以后再下载另一个）：

gem install sass
gem install compass

然后打开webstorm进行配置：

在实参（A）这里可以设置scss编译后4中排版格式
这个在scss官网都有讲：www.sass.hk/install/