sass-安装

时间:2020-05-19 12:46:59   收藏:0   阅读:45

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

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!