1.sass 入门

学会使用一种css预处理框架对于日常开发是很有帮助的,能加快开发速度。首先sass是基于ruby的,安装sass之前需要装好ruby并且配置好环境变量。在windows安装的时候将这个对号点上就ok了。
配置环境变量
安装完之后在开始找到命令行工具输入命令 gem install sass 就把sass安装好了。sass -v查看当前版本。
sass分为两种两种语法,一种是最开始用的缩进式语法sass,后缀名是.sass。现在不怎么用了;第二种是sass3.0之后的版本Sassy css,是现在常用的写法因为比较接近css 的写法,其后缀名是.scss。在使用vscode的时候,ctrl+1把scss文件放在左边,ctrl+2把css文件放在右边,启动好监听,把格式换成拓展型:
sass --watch sass:css --style expanded
命令行
这样看就很直观,很舒服。ctrl+c可以随时关闭监听。
这里写图片描述
sass导出格式一共有四种分别是nested嵌套、compact紧凑、expanded扩展、compressed压缩,根据实际情况选用。
当然sass不只是这些小功能,sass还提供了许多强大的功能比如说变量等等

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值