.sass文件命令行编译

写在前面:

今天学习使用Sass,网上看了很多介绍和教程,了解到Sass文件有2种后缀:.sass(老版本),.scss(新版本),两者语法上有些不同:
(1).sass文件中,不可以用 分号“;” 和 花括号“{}”;
(2).scss文件,像CSS文件中一样使用分号和花括号。
然而,现在网上的博客和教程都是 .scss 的写法,很多人也没有去说明这个问题,对于初学者来说,这算是一个大坑吧,故此写一篇小文介绍一下。


.sass文件命令行编译

1、Sass文件名为:example.sass
注意:.sass后缀的文件,语法规定,没有分号 “;” 花括号“{}”在这里插入图片描述
2、用命令行方式,编译Sass文件,结果如下图所示
注意:请转到当前要编译的文件所在的目录下,然后输入如下命令

sass example01.sass

在这里插入图片描述
3、错误示范
Sass文件(用了分号和花括号):
在这里插入图片描述
编译结果:
在这里插入图片描述
错误提示:缩进语法中不允许使用分号。花括号可以自己去试试看,也是不行的。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值