![如何快速学习：[1]Swift编程语言](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb2f57a949fd01b1edef5dc13fa.jpg)
如何快速学习：[1]Swift编程语言,Swift，苹果于2014年WWDC（苹果开发者大会）发布的新开发语言，可与Ojective-C*共同运行于MacOS和iOS平台，用于搭建基于苹果平台的应用程......
2023-03-17 350 编程语言
Sass（Scss）语言下载安装使用以及编译
来源：互联网
2023-03-17 00:26:37 版权归原作者所有，如有侵权，请联系我们
Sass是Ruby语言写的，但是两者的语法没有关系。不了解Ruby的没有关系，我们可以正常使用Sass。只是必须先安装Ruby，然后再安装Sass即可使用。
（因为网上很多人都写过Sass安装方式，在这里简单介绍不再详细说明了）
工具/原料
- Ruby
- sass（scss）
- HBuilder
方法/步骤
去Ruby（RubyInstaller）官网下载Ruby安装文件（版本随意）
下载之后，安装Ruby文件（安装路径最好是默认的）
（安装过程中注意勾选Add Ruby executables to your PATH添加到系统环境变量）
然后通过安装后的Ruby安装sass（gem install sass）
再检查sass安装是否成功（sass -v）
出现sass版本号就是安装成功了
在使用sass之前先说明一下sass和scss区别
区别一个是后缀方式不一样（.sass/.scss）；
另一个是语法方式不一样（sass书写方式比较严格，scss书写方式和css类似。所以对于已经熟练css书写方式的人，可以使用scss。sass和scss在语法上没有区别，所以sass和scss语法是通用的）
举个例子如下图（大概是这样的）
运用sass/scss语言
使用HBuilder编辑器可以直接自动编译
打开HBuilder编辑器 —— 工具 —— 预编译器设置
然后选择.sass,.scss，点击旁边的编辑，出现预编译器配置框
（把该填的填上，跟下方图片中填写参数一样也行）
最后确定就可以了，再运行HTML页面代码时，就会自动编译sass或scss代码
生成两个文件（sass.css和sass.css.map）
手动编译（有些复杂）
需要打开Ruby命令，然后找到存放sass.scss文件夹的位置
输入命令sass sass.scss sass.css 回车
之后会生成两个文件（sass.css和sass.css.map）
建议选用自动编译方式，因为方便
注意事项
- 更新sass（gem update sass）
- 卸载sass（gem uninstall sass）
- 个人经验，如有不明白的地方可以提出疑问
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
web图表开发工具FineReport：[11]连续分组详细阅读
![web图表开发工具FineReport：[11]连续分组](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb360a59bb092b74ee1d324e01.jpg)
web图表开发工具FineReport：[11]连续分组,数据库表数据是按照时间先后录入的，查询的时候希望按照时间先后，某个字段连续相同的话就合并起来显示，这样的报表可以通过相邻连续分组来实现。......
2023-03-17 573 编程语言
- 详细阅读
