【问题标题】:How can I add the "--watch" flag to this TextMate snippet?如何将“--watch”标志添加到此 TextMate 片段?
【发布时间】:2010-12-07 20:36:36
【问题描述】:

我喜欢 TextMate 作为我的所有网络事物的编辑器,所以我想使用 sn-p 将它与 style.less 文件一起使用,以自动利用 .less 编译 .css 文件的方式使用本机飞翔

$ lessc {filepath} --watch

如 less 文档 (link) 中建议的那样

我的(感谢编写 LESS TM Bundle 的人!)当前 TextMate sn-p 适用于将当前打开的 .less 文件写入 .css 文件,但我想利用 --watch 参数这样对 .less 文件的每次更改都会自动编译到 .css 文件中。

这在使用终端命令行时效果很好,所以我确信它必须可以在当前用于 TextMate 的 LESS 命令的改编版本中使用它,因为它只会调用命令来编译文件。

那么如何将--watch 标志添加到此命令中:?

#!/usr/bin/env ruby
file = STDIN.read[/lessc: ([^*]+\.less)/, 1] || ENV["TM_FILEPATH"]
system("lessc \"#{file}\"")

我认为应该是这样的:

#!/usr/bin/env ruby
file = STDIN.read[/lessc: ([^*]+\.less)/, 1] || ENV["TM_FILEPATH"]
system("lessc \"#{file}\" --watch")

但这样做只会使 TextMate.app 崩溃。

【问题讨论】:

    标签: css command-line textmate code-snippets less


    【解决方案1】:

    看看this snippet。它不使用--watch 标志,但如果您将它链接到 cmd+s 组合键,它就可以完美运行。 sn-p 还将编译引用(即@import)已更改文件的任何较少文件。如果您有一个 until.less 或包含在许多不同的 less 文件中的东西,这很好,如果您更改 util.less,所有依赖它的 LESS 文件都将自动编译。

    将该脚本与browser refresh script 结合起来,您就有了一个相当不错的网络开发测试例程。

    【讨论】:

      【解决方案2】:

      我猜你必须将--watch 参数放在lessc 的文件参数之前,如下所示:

      system("lessc --watch \"#{file}\"")
      

      【讨论】:

        【解决方案3】:

        您是否尝试将其作为后台任务运行?

        system("lessc \"#{file}\" --watch &")

        【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-04-14
        • 1970-01-01
        • 2016-06-27
        • 1970-01-01
        • 2012-11-18
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多