首页 > 其他 > 详细

sass-安装

时间:2020-05-19 11:46:32      阅读:58      评论:0      收藏:0      [点我收藏+]

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

 

sass-安装

原文:https://www.cnblogs.com/rookieKong/p/12915891.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!