sass-安装

Posted 2021-02-18 rookiekong

1.安装ruby  以Ruby2.3.3为例

　　sass是基于Ruby语言开发的,因此在安装使用sass之前需要安装Ruby

　　

 

 　　　　注意:  (1) 安装位置尽量不要改变,   

　　　　　　  (2)勾选  Add Rbby executables to your PATH 添加到系统环境变量   

　　　　　　　 (3)然后Install

 

 

2.SASS安装

 

 安装完成之后重启vs code   新建终端终端键入

　　(1)ruby -v  查看是否安装成功

 

 

 

　　(2)gem install sass 安装sass

　　(3)gem install compass

 

 

 安装完成后准备工作就做好了

3.SASS文件转换CSS文件

 (1)单个文件

 

 如果想在  css 文件夹下生成对应的css 文件  就在终端键入命令:  sass ./sass/a.sass ./css/a.css

 

 

对应文件夹下会出现生成的文件

 

(2)多个文件

  监听整个文件/文件夹,在对应文件夹下进行变动/生成相应的文件

sass --watch ./sass:./css