SCSS环境配置

环境配置

less. scss(sass) 和stylus代码并不能被浏览器直接解析，所以必须先将它们编译成CSS代码现有概架已经提供了CSS预处理器选项。编译相关配置会自动帮我们生成!所以只有在"练习"情况下才有必要安装该环境

一、安装分类

1.不依赖编辑器

全局安装SCSS预处理器，使用终端命令行实现编译
a. Node 环境下的 node-sass 模块

npm i -g node-sass

b. Node 环境下的 dart-sass 模块
c. Ruby 环境下的 sass 模块
d. Dart 环境下的 node-sass 模块
注:这里的推荐顺序针对的是"练习"场景。而开发环境下推荐使用的是dart-sass
本项:某个语言的第三方库或者命令行工具

2.依赖编辑器

a. IDE 代表：webstrom 前提是安装上述“1"中的命令行编译工具，配置自动命令。另安装一个代码提示插件scss
b. 编辑器代表VSCODE 安装 Easy Sass (编译)和 Sass (代码提示)插件