scss工具的使用

sass是基于node的编译工具

步骤如下>>

安装node.hs.msi软件
1. 下载安装node.js.msi
2. win+r  弹出窗口输入cmd 回车
3. node -v(验证node.js是否安装成功,要重启cmd)

4. npm install -g cnpm(安装软件cnpm)
5. cnpm -v

6. cnpm install -g node-sass(安装软件node-sass)
7. node-sass -v(验证node-sass是否安装成功)

8. 创建一个index.scss	(F:哪个盘就是首字母大写)回车
9. 在cmd中输入 cd 托入index.scss所在的文件夹
10. node-sass --watch index.scss index.css     (--watch)为实时编译,可省略
11. cmd中方向键上可以运行上次执行的命令
sass方法(适配手机不同尺寸)
$device-list:320px,365px,360px,412px,414px,750px;
html{
 @each $device in $device-list{
   @media screen and(min-width:#{$device}){
     font-size:100 * ($device/750);
   }
 }
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Sass转Scss是一种样式表转换工具,用于将Sass样式表文件(.sass后缀)转换为Scss样式表文件(.scss后缀)。Sass和Scss都是CSS预处理器,它们提供了一套比原生CSS更强大和灵活的语法和功能。 Sass是一种基于缩进的语法格式,它使用缩进和换行符来表示代码块和层级关系,这些特性使得代码看起来更简洁,但在缩进和嵌套过多的情况下,可能会导致结构不清晰和可读性差的问题。而Scss则是Sass的另一种语法格式,它更接近于原生CSS使用大括号和分号来表示代码块和语句,结构更加清晰和易于阅读。 Sass转Scss工具的作用就是将原本使用Sass语法格式编写的样式表文件转换为Scss语法格式的文件。这样一来,可以方便地将已有的Sass代码转换为使用Scss语法编写的代码,以便于后续的维护和管理。 使用Sass转Scss工具的步骤通常是先安装或使用在线工具打开转换工具,然后将Sass样式表文件输入到转换工具中进行转换,转换完成后,即可得到相应的Scss样式表文件。转换过程中,工具会根据Sass的语法规则和Scss的语法规则进行转换和调整,将缩进、换行符等转换为大括号、分号等形式。 总的来说,Sass转Scss工具是一种简化样式表转换过程的工具,可以将原本使用Sass语法格式编写的样式表文件转换为Scss语法格式的文件,以便更方便地进行后续的样式表维护和管理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值