在 SublimeText 中运行 `sass --watch`答案

【问题标题】：Run `sass --watch` within SublimeText在 SublimeText 中运行 `sass --watch`
【发布时间】：2014-02-20 02:00:15
【问题描述】：

我一直在努力使用 SublimeText2 和 Sass 加快我的工作流程。

我正在寻找一种在保存时让 ST2 编译我的 SASS 的方法。在寻找如何做到这一点时，我遇到了这个包：https://github.com/bnlucas/SassBuilder

在执行中，这正是我想要的，但它并没有像我希望的那样编译 SASS（不包括部分支持）。

所以经过更多研究后，我发现了一个适合我的构建包：

{

  "cmd": ["sass --watch 'index.scss':'index.css'", "--stop-on-error", "--no-cache"],
    "line_regex": "Line ([0-9]+):",

    "osx":
    {
        "path": "/usr/local/bin:$PATH"
    },

    "windows":
    {
        "shell": "true"
    }

}

这类似于使用 Ruby 在 cmd 提示符下运行以下命令：

sass --watch index.scss:index.css --stop-on-error --no-cache

所以我运行这个构建系统，它可以很好地监视我的index.scss。对该文件夹中的任何 .scss 文件所做的任何更改都会更新 .index.css 文件。所有来自 Sass 的标准消息都显示在 ST 的控制台中。

我的问题是我知道这不是 ST 构建系统的用途。理想情况下，它们将用于在编码会话中多次使用一组工具进行构建。

我的问题是：如何使用 ST2 启动 `sass --watch` 并让它在后台运行？是否可以设置某种命令/键绑定来运行构建的 `cmd` 行 (`"cmd": ["sass --watch 'index.scss':'index.css'", "--stop-on-error", "--no-cache"]`)？

【问题讨论】：

标签： sass sublimetext2

【解决方案1】：

查看SublimeOnSaveBuild 插件，可通过Package Control 获得。由于您已经有一个工作的构建系统，您需要做的就是将插件配置为指向您的 .sublime-build 文件，如果需要，修改文件结尾，您应该已经准备好了。

祝你好运！

【讨论】：

我认为这不是 OP 想要的。 sass --watch已经自动构建保存，所以他不需要插件来实现。

我的问题是：如何使用 ST2 启动 sass --watch 并让它在后台运行？是否可以设置某种命令/键绑定来运行构建的 cmd 行 ("cmd": ["sass --watch 'index.scss':'index.css'", "--stop-on-error", "--no-cache"])？

我的问题是：如何使用 ST2 启动 `sass --watch` 并让它在后台运行？是否可以设置某种命令/键绑定来运行构建的 `cmd` 行 (`"cmd": ["sass --watch 'index.scss':'index.css'", "--stop-on-error", "--no-cache"]`)？