Question

我是一名使用Windows进行设计和html / js / css编码的前端人员。我的工作与使用.NET的后端人员分开。我也是Haml / Sass和Ruby的新手。绝对不使用Rails。经过几次搜索，我决定选择Sublime Text 2进行Sass / Haml支持并摆脱旧的Notepad ++。我的第一个问题是：

1。将Haml（主要）和/或Sass的整个文件夹自动转换为静态文档（html / css）的最佳实践/效率是什么？

我通过设置“手表”为Sass提供单独的解决方案。我正在寻找Haml自动转换解决方案，并找到了几个选项： Library for making static websites with HAML/SASS/CSS framework

2。我应该使用StaticMatic吗？

谷歌搜索称这是最好的。但似乎没有2年的更新 https://github.com/staticmatic/staticmatic

还有这个网站（它是否相同？）：http://staticmatic.rubyforge.org/how_to_use.html

如果我使用StaticMatic，我可以在Sublime Text中设置一个构建系统，以便从Build菜单（http://docs.sublimetext.info/en/latest/file_processing/build_systems.html）

运行

3。或者我应该采用这样的一体化解决方案（可能花费很少钱）？有免费的吗？

http://fireapp.handlino.com/

我不介意让Sass -watch单独运行，另一种是Haml的轮询机制。我只是想确保我有“最新”。

希望能为我的独特情况提供一些建议。感谢。

Answer 1

答案是米德尔曼 http://middlemanapp.com/

它取代了过时的StaticMatic

Answer 2

<强> HAML ：

要从haml自动转换为sass，您可以使用此要点：https://gist.github.com/3898955。如果要自动化更多工作流程过程，可以使用https://github.com/alexnj/SublimeOnSaveBuild sublime包在文件保存上运行命令。

<强> SASS ：

对于SASS，这里是必需的设置。 https://gist.github.com/3899112

对于保存时的自动转换，此处也会应用相同的规则，但在.sass文件中包含.haml和SublimeOnSaveBuild.sublime-settings扩展名非常重要。

所以你的文件应该是这样的：

{
    "filename_filter": "\\.(css|js|sass|less|scss|jade|haml)$",
    "build_on_save": 1
}

您可以根据自己的意愿扩展此列表。

自动化Haml＆amp; Sass与Sublime Text 2 for Windows

2 个答案: