Sublime Text 3 SASS/SCSS 构建脚本使用指南

资源摘要信息:"SASS-SCSS-Build-for-Sublime-Text:Sublime Text 的 SASS 和 SCSS 构建脚本" 知识点: 1.SASS与SCSS的介绍： SASS和SCSS都是CSS的预处理器，它们增加了CSS语言的功能，比如变量，嵌套规则，混合和选择器继承。SASS（Syntactically Awesome Stylesheets）和SCSS（Sassy CSS）的主要区别在于它们的语法。SASS使用缩进而不是大括号和分号。SCSS则更接近于普通的CSS语法，使用大括号和分号。 2.Sublime Text的SASS和SCSS构建脚本： Sublime Text是一款轻量级、高效的代码编辑器，它支持多种语言的语法高亮、代码补全、括号匹配等功能。SASS和SCSS构建脚本是一种工具，用于将SASS或SCSS代码转换为CSS代码。在本例中，该构建脚本提供了生成未压缩的参考文件和带有源映射的缩小工作文件的功能。 3.构建脚本的使用方法和效果： 安装构建脚本后，你会在Tools > Build system找到一个新的选项：SASS-Build。这个构建脚本将作为默认为.scss和.sass文件。构建操作会生成两个CSS文件，一个未压缩的参考文件和一个带有源映射的缩小工作文件。但是，建议删除源映射链接和部署文件，因为它不需要并且加载额外的文件。 4.构建脚本的安装和配置： 安装该构建脚本需要两个前提条件：一是你的系统中必须安装Ruby，二是必须安装SASS作为命令行工具。Ruby是一种面向对象、解释型的编程语言，它支持多种编程范式，包括函数式、命令式、对象导向和反射式编程。SASS作为Ruby库的一部分，可以通过Ruby的包管理器安装。 5.构建脚本的安装位置和作用范围： 该构建脚本默认针对.scss和.sass文件。如果需要更改生成的CSS文件的默认存储文件夹，可以通过编辑构建系统配置来实现。具体操作是在构建系统配置文件中修改输出文件的路径。 6.标签"JavaScript"的含义： 在本例中，标签"JavaScript"可能是误标，因为构建脚本是关于SASS和SCSS的，与JavaScript无关。这可能是因为Sublime Text同时支持JavaScript、HTML等语言的语法高亮和代码补全功能。 7.压缩包子文件的文件名称列表： "SASS-SCSS-Build-for-Sublime-Text-master"是压缩包中的文件列表，其中包含了构建脚本的所有相关文件。"master"表示这是主版本或主分支。