sass以及提了一下swpier插件

最新推荐文章于 2024-05-10 15:32:50 发布

hw2948502143

最新推荐文章于 2024-05-10 15:32:50 发布

阅读量154

点赞数

文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/hw2948502143/article/details/124330280

版权

本文介绍了Sass作为一种CSS预处理器的作用和特性，包括兼容CSS、支持.scss语法、丰富的社区资源等。详细阐述了Sass的环境配置，特别是使用VSCode的easy sass插件进行编译的步骤。还讲解了Sass的变量声明、注释、嵌套、运算、字符串拼接、条件判断、混入器、继承和文件导入等功能。最后提到了Swiper轮播图插件，它是易于使用的且网站提供教程。

摘要由CSDN通过智能技术生成

sass

介绍

作用：

用来变写css的css扩展语言

特性：

1.兼容css（sass文件里面可以直接书写css）

2.支持后缀名为sass（他没有{}符号和；符号是靠缩进来表示该属性是否在该元素中，）以及scss（scss常用这个跟css书写差不多）

3.社区成熟（api众多，抄就完了）

sass入门

环境

1.安装node（基于node环境运行）

2.使用专门的编译工具进行在线编译运行

3.使用插件编译运行

今天学习的是使用插件编译运行

插件使用步骤

1.下载vscode插件

插件名称叫做easy sass

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Lh8ufb5R-1650542473016)(C:\Users\Asus\AppData\Roaming\Typora\typora-user-images\image-20220421192315408.png)]

2.插件设置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0TNfAea1-1650542473019)(C:\Users\Asus\AppData\Roaming\Typora\typora-user-images\image-20220421192406721.png)]

{
   
    // "workbench.iconTheme": "material-icon-theme",
    "material-icon-theme.showWelcomeMessage": false,
    "editor.fontSize": 18,
    "emmet.triggerExpansionOnTab": true,
    "javascript.updateImportsOnFileMove.enabled": "always"<