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

如何在sublime中使用sass

时间:2017-07-10 20:11:19      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:ems   targe   color   --   进入   alt   tao   支持   ruby安装   

sass依赖于ruby环境

1. 安装ruby

  step A: 进入链接,下载ruby

http://www.ruby-lang.org/zh_cn/

       技术分享

安装完成之后,确认是否安装成功 

  step B:win + r 打开 cmd 控制台

       技术分享

  step C: 控制台内输入命令行 ruby -v    回车

      技术分享

 step D:  ruby安装完成后,在开始菜单中找到,打开ruby控制台

       技术分享

 

2.sass安装

由于网络状况较差,这里使用淘宝镜像

1. 命令行输入 gem source --remove https://rubygems.org/

2.如果支持https

  输入命令 gem sources -a https://ruby.taobao.org/

  否则(推荐)

  输入命令 gem sources -a http://gems.ruby-china.org/

      技术分享

 到此为止 sass已经成功安装了

3.sublime中sass的使用

  -1.新建以scss后缀的文件

       技术分享

 

  -2.再次调出ruby控制台

       技术分享

  -3.进入需要编辑文件所在的目录

    例如:我的在 D/demo 中

  技术分享

  -4.对文件夹进行监听(必须要有这一步,不然不会自动生成,cmd后台不关闭)

    输入命令行: sass -- watch sass:css(sass:css根据自己创建的文件夹名称进行修改)

        技术分享

  -5.html文件中需要引用css文件夹中的css文件 link引用

  技术分享

 

如何在sublime中使用sass

标签:ems   targe   color   --   进入   alt   tao   支持   ruby安装   

原文地址:http://www.cnblogs.com/maopulas/p/7119101.html

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