首页 > 其他 > 详细

如何使用sass(环境安装)

时间:2017-11-21 14:16:04      阅读:258      评论:0      收藏:0      [点我收藏+]


Sass是基于ruby环境开发的语言工具,所以使用sass需要ruby环境。

1、       下载ruby

https://rubyinstaller.org/downloads/

下载完后双击,next即可 

2、        查看ruby是否安装好,找到Start Command Prompt with Ruby 这个工具

 

3、        输入命令 gem install sass (安装sass 命令)

gem updatesass  (升级sass 命令)

sass -v (查看sass版本命令)

 

这样sass 就安装好了,但是sass还无法实时监测css文件的而变动

 

4、        在桌面或者你想存放项目的地方新建一个文件夹

我在桌面上新建了sass文件夹,里面放了一个text.scss文件。

 

打开ruby窗口,cd到你放项目的目录下

使用命令sass text.scss css\css.css(左边输入sass文件,右边输出css的文件,如果想把css文件建一个文件夹放起来,就在前面如例子所示加一个路径)

监视某一个sass文件,使用命令 sass  --watch text.scss:css.css( 左边是scss输入文件,右边的css输出文件)   

监视整个文件夹,使用命令:sass  --watch scss:css(左边代表监视的文件路径,右边代表输出文件路径)

 

然后用编辑器打开,sass就能实时监控css了


参考博文

https://www.cnblogs.com/wuzhiquan/p/5912146.html

本文出自 “yuanmax” 博客,请务必保留此出处http://yuanmax.blog.51cto.com/11695250/1983720

如何使用sass(环境安装)

原文:http://yuanmax.blog.51cto.com/11695250/1983720

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