SassBeautify

https://sublime.wbond.net/packages/SassBeautify

一个美化 Sass 文件的 Sublime Text 插件。（兼容 Sublime Text 2 & 3。）

依赖项

此插件使用 sass-convert，因此您需要安装 Sass。请阅读 Sass 下载页面 以查看安装选项。

始终使用 Sass 的最新版本是个好主意。

安装

选项 1（推荐）

通过 package control 安装

1. 确保您已安装 package control，请参阅此处： https://sublime.wbond.net/installation
2. 安装扩展包：打开命令面板（ctrl/cmd + shift + p），执行以下命令：'Package Control: Install Package'，然后输入 'SassBeautify'

选项 2

手动下载

1. 在此处下载 zip 文件：https://github.com/badsyntax/SassBeautify/archive/master.zip
2. 解压缩存档，将 'SassBeautify-master' 文件夹重命名为 'SassBeautify' 并将其移动到您的 Sublime Text 'Packages' 目录中。

用法

默认用法

从命令面板运行插件

1. 打开命令面板（ctrl/cmd + shift + p）
2. 输入 'SassBeautify'

转换用法

从命令面板运行转换命令

1. 打开命令面板（ctrl/cmd + shift + p）
2. 输入 'SassBeautify'
3. 选择以下选项之一
   • 从 CSS 转换到当前类型
   • 从 SCSS 转换到当前类型
   • 从 SASS 转换到当前类型

设置

一旦安装，您可以通过更改包设置来自定义美化工作方式。

1. 从偏好设置菜单打开默认设置： 偏好设置 >> 扩展包设置 >> SassBeautify >> 设置 - 默认
2. 复制设置，并粘贴到您的用户设置文件中： 首选项 >> 包设置 >> SassBeautify >> 设置 - 用户
3. 修改用户设置。

设置概述

以下设置可以进行调整

{
  // How many spaces to use for each level of indentation. "t" means use hard tabs.
  "indent": 4,
  // Convert underscores to dashes.
  "dasherize": false,
  // Output the old-style ":prop val" property syntax. Only meaningful when generating Sass.
  "old": false,
  // Custom environment PATH.
  "path": false,
  // Custom environment GEM_PATH.
  "gemPath": false,
  // Beautify the sass file after saving it?
  "beautifyOnSave": false,
  // Keep "inline" comments inline?
  "inlineComments": false,
  // Add a new line between selectors?
  "newlineBetweenSelectors": false,
  // Use single quotes everywhere
  "useSingleQuotes": false
}

键盘绑定

插件未设置任何默认键盘绑定，因此您需要指定自己的绑定。

在您的键盘映射文件中（首选项 >> 键盘绑定 - 用户），添加一个自定义键盘绑定

[
    {
        "keys": ["alt+w"],
        "command": "sass_beautify"
    }
]

与 Ruby、Sass 和您的 PATH 相关的问题

如果您使用版本管理工具（如 RVM、rbenv）或安装程序（如 Ruby 安装程序）安装了 ruby 和 sass，那么您可能会在使用 Sublime Text 运行 sass-convert 时遇到问题。

RVM/rbenv 兼容性

您需要指定 SassBeautify 用户设置中的自定义 PATH 和 GEM_PATH 值。

按照以下步骤操作

1. 打开终端
2. 运行：echo $PATH
3. 将整个 PATH 复制到 'path' 设置中
4. 运行：echo $GEM_PATH
5. 将整个 GEM_PATH 复制到 'gemPath' 设置中

RubyInstaller 兼容性

在安装过程中，应该有一个选项可以将 ruby 添加到您的环境 PATH 中。请确保已选中此选项。

问题

此插件应在 Linux（已在 Ubuntu 12.04 上测试）、Windows（已在 Windows 7/8 上测试）和 OS X（已在 10.5.7 上测试）上运行。

如果您发现在该设置下无法正常工作，请创建一个问题。

感谢

感谢 贡献者 以及所有测试和报告问题的用户。

许可协议

本软件遵循 MIT 许可协议。由 Richard Willis 创建。