码迷,mamicode.com
首页 > 其他好文 > 详细

sass-安装

时间:2020-05-19 12:46:59      阅读:45      评论:0      收藏:0      [点我收藏+]

标签:cut   重启   watch   终端   pat   image   css   位置   vs code   

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-安装

标签:cut   重启   watch   终端   pat   image   css   位置   vs code   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!