SASS 构建工具
Sublime Text 2 的 SASS 构建工具
详细说明
安装次数
- 总数 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 |
说明文件
Sublime Text 2 的 SASS 构建工具
注意:我正在开发一个包含所有库的便携式 SASS 构建版本,可立即使用。预计下周内可用。
描述
提供两种 SASS 文件构建系统(带压缩和不带压缩)
先决条件
需要 Ruby 和 SASS 库。
步骤
安装 Ruby 库
Windows: 下载并安装 Ruby。您可以在以下位置找到它: https://rubyinstaller.ruby-lang.org.cn/downloads/
安装后重启。
重要:不要忘记选择“将 Ruby 可执行文件添加到您的 PATH”选项。如果没有选择此选项,您之后需要修改构建文件中的路径。
OS X & Linux:它已经安装。很简单! :)
安装 SASS
打开您的控制台(Windows 的“Ruby 命令提示符”)并执行以下命令
gem install sass
安装中
选项 1 - 使用 Package Control 插件(推荐)
安装此包的最简单方法是使用 Package Control。
下载并安装 Package Control 插件。按照网站上的说明进行操作。
打开命令面板:
Control+Shift+P
(Linux/Windows)或Command+Shift+P
(OS X),然后选择“Package Control:Install Package”。当出现软件包列表时,输入“SASS”,您会找到 SASS Build System。选择安装。
现在您可以编译您的 SASS 文件了!使用
Control+B
(Linux/Windows)或Command+B
(OS X)启动构建。尽情编码吧 =)
选项 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菜单中的工具 > 构建系统
找到两个新的选项:SASS和SASS - 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上测试的协作。