ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

SASS 构建工具

作者: jaumefontal 所有版本

Sublime Text 2 的 SASS 构建工具

详细说明

  • 2015.03.10.11.27.26
  • github.​com
  • github.​com
  • 9年前
  • 1小时前
  • 12年前

安装次数

  • 总数 20.2万
  • Win 12.8万
  • Mac 5.6万
  • Linux 1.8万
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 2 1 2 1 2 3 10 0 1 2 2 0 4 5 3 4 0 1 1 0 4 1 1 1 1 3 0 1 1 1 3 0 3 1 1 1 1 1 2 3 2 0 0 2 3 1
Mac 1 2 1 0 0 3 1 1 2 0 1 2 0 1 1 1 0 0 1 1 0 0 0 1 1 0 0 0 3 3 1 0 3 0 1 1 1 0 0 0 1 0 0 3 0 0
Linux 1 0 1 1 0 0 0 0 0 0 0 0 0 0 2 1 0 0 0 0 0 2 1 1 0 0 1 2 0 1 0 0 0 0 2 0 0 0 0 0 0 0 0 0 2 0

说明文件

源代码
raw.​githubusercontent.​com

Sublime Text 2 的 SASS 构建工具

注意:我正在开发一个包含所有库的便携式 SASS 构建版本,可立即使用。预计下周内可用。

描述

提供两种 SASS 文件构建系统(带压缩和不带压缩)

先决条件

需要 RubySASS 库。

步骤

  1. 安装 Ruby 库

    Windows: 下载并安装 Ruby。您可以在以下位置找到它: https://rubyinstaller.ruby-lang.org.cn/downloads/

    安装后重启。

    重要:不要忘记选择“将 Ruby 可执行文件添加到您的 PATH”选项。如果没有选择此选项,您之后需要修改构建文件中的路径。

    OS X & Linux:它已经安装。很简单! :)

  2. 安装 SASS

    打开您的控制台(Windows 的“Ruby 命令提示符”)并执行以下命令

    gem install sass

安装中

选项 1 - 使用 Package Control 插件(推荐)

安装此包的最简单方法是使用 Package Control。

  1. 下载并安装 Package Control 插件。按照网站上的说明进行操作。

  2. 打开命令面板: Control+Shift+P(Linux/Windows)或 Command+Shift+P(OS X),然后选择“Package Control:Install Package”。

  3. 当出现软件包列表时,输入“SASS”,您会找到 SASS Build System。选择安装。

  4. 现在您可以编译您的 SASS 文件了!使用 Control+B(Linux/Windows)或 Command+B(OS X)启动构建。

  5. 尽情编码吧 =)

选项 2 - 使用 Git

克隆存档到 Sublime Text 的“软件包”目录中

git clone git://https://github.com/jaumefontal/SASS-Build-SublimeText2.git SASS-build

您可以在以下目录中找到“软件包”

  • OS X: ~/Library/Application Support/Sublime Text 2/Packages/
  • Windows: %APPDATA%/Sublime Text 2/Packages/
  • Linux: ~/.Sublime Text 2/Packages/

选项 3 - 不使用 Git

请从Github下载最新的源代码zip文件,并将其解压到Sublime Text的“Packages”文件夹中名为SASS-Build的新文件夹中。

使用此构建工具

安装包后,您将在Sublime菜单中的工具 > 构建系统找到两个新的选项:SASSSASS - Compressed

默认情况下,您的.scss.sass文件将使用SASS build构建(不压缩)。

并且,请记住,您始终可以使用Control+B(Linux/Windows)或Command+B(OS X)启动选定的构建。

推荐

  • 建议使用此构建与以下插件之一:[SASS插件](https://github.com/nathos/sass-textmate-bundle)或[SCSS.tmbundle](https://github.com/kuroir/SCSS.tmbundle)。
  • 此外,我推荐使用插件[SublimeOnSaveBuild](https://github.com/alexnj/SublimeOnSaveBuild)。只需保存您的SASS文件,它们就会被转换为CSS!
  • 如果您想将生成的CSS文件的默认文件夹更改为另一个文件夹,您可以编辑构建

示例:将CSS文件保存到css文件夹中:"cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],

作者

Jaume Fontal创作([@jaumefontal](http://www.twitter.com/jaumefontal))。

如果您需要更多信息,您可以在Twitter上找到我!

致谢

感谢@hdennison在MacOS上测试的协作。