Sass安装及简单使用,将Sass编译成css

安装:

       1. 安装前须知:

           一些基于插件的编辑器,比如vsCode,Atom之类的,不需要安装sass,直接安装插件就可以进行编译。

           window系统需要先下载Ruby,下载的官网地址Downloads

       2. Ruby安装注意:安装的过程中请注意勾选 Add Ruby executables to your PATH添加到系统环境变量。安装完成之后需要测试安装有没有成功,在命令行工具(cmd)里面运行以下下命令:rubu -v 。如果安装成功会打印下面这句话: ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32]

       3. Ruby安装好了之后,我们就可以利用Ruby的包管理工具gem安装Sass了,同样还是在Cmd里运行以下命令:

gem install sass

安装完成之后,还是老办法检查以下安装是否成功:

sass -v
如果安装成功,则会打印以下代码:
Ruby Sass 3.7.4

    

简单编译使用:

       1. 先建立一个Sass文件,其后缀名为.scss。

      2. 然后在终端使用sass命令(编译的方式有很多种,这里介绍一种)

          命令公式1:sass Sass文件名 要生成的css文件路径名

                   例如: sass css\mySass.scss css\mySass.css

                   缺点:这条命令需要自己手动重复编译。注意两个文件名中间是 空格 哦。

          命令公式2: sass --watch Sass文件名:要生成的css文件路径名(使用监听命令 --watch

                   例如:sass --watch css\mySass.scss:css\mySass.css

                   优点:只要一保存,就会自动编译。注意两个文件名中间是 ":" 哦。

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值