1.sass 入门

学会使用一种css预处理框架对于日常开发是很有帮助的,能加快开发速度。首先sass是基于ruby的,安装sass之前需要装好ruby并且配置好环境变量。在windows安装的时候将这个对号点上就ok了。
1.sass 入门
安装完之后在开始找到命令行工具输入命令 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
1.sass 入门
这样看就很直观,很舒服。ctrl+c可以随时关闭监听。
1.sass 入门
sass导出格式一共有四种分别是nested嵌套、compact紧凑、expanded扩展、compressed压缩,根据实际情况选用。
当然sass不只是这些小功能,sass还提供了许多强大的功能比如说变量等等