scss 环境配置

scss 环境配置

前言：scss 支持 css3 语法

1. scss环境一

使用 nodeJS 安装编译环境

 //安装 sass 编译的工具  因为是工具类的包 所以推荐全局安装 添加 -g 参数
 npm i  sass  -g
 ​
 //使用命令编译 不会实时编译 实时编译：添加  --watch  
 sass  xx.scss xx.css
 ​
 // 实时编译
 sass  --watch  xx.scss  xx.css 
 ​
 // 编译到不同的文件夹（文件目录结构见下图）  实时编译：添加  --watch  
 // 执行一次 编译一次
 sass sass:css
 ​
 // 实时编译
 sass  --watch sass:css

2. scss环境二

使用vscode插件 Easy sass

安装 Easy sass 插件 即可实现自动编译

\