前端利器sass,scss安装

之前对比了下less和sass,发现sass使用会比较复杂,所以就抛弃了sass用less写过一个项目,可能之前用这个写项目的经验太少,发现写过以后,并没有想象中那样方便,但是看过很多文章以后,感觉在 写一个完整的项目时使用此类框架还是会比较方便,并且发现sass配合compass有很多优势,所以还是想要尝试用下。

其实很多事情在用心之后都会变得简单许多,下来就介绍一下安装sass的方法。

一、首先,sass基于ruby的环境,先要安装ruby环境,具体就不介绍了,可以在官网下载rubyinstaller,然后一键安装,注意添加环境变量(勾选add ruby executables to you path)

二、安装成功start command prompt ruby


三、打开后就可以查看ruby版本 命令行:ruby -v

四、安装haml 命令行: gem install haml (之前对安装haml不是很理解,查了一下发现:sass基于ruby语言,并且是haml的一部分,所以在安装 sass就的先安装haml)

五、安装sass 命令行:gem install sass稍作等待安装成功


六、sass文件转换为css文件的方法

1:如果在D盘的sass文件夹建一个style.sass的文件

2:然后在命令行中输出D: (D代表D盘)

3:cd sass(计入sass文件夹)

4:--watch style.sass:style.css (在sass文件下将sass文件转换为css文件) watch代表监听

5:取消监听ctrl+c   (y确认取消监听)


七、在sublime中安装sass插件,使其语法高亮显示。(需要安顺序安装两个插件sass,和sass.build)

结束语:安装成功后就可以使用了,不过还不是很熟,需要研究一下compass和写作过程中的一些技巧,希望对以后的工作效率有很大帮助




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值