2012-09-30 72 views
1

我是一位使用Windows進行設計和html/js/css編碼的前端人員。我的工作與使用.NET的後端人員是分開的。我也是Haml/Sass和Ruby的新手。絕對不使用Rails。經過幾次搜索之後,我決定挑選Sublime Text 2以獲得Sass/Haml的支持,並擺脫舊的Notepad ++。我的第一個問題是:自動化Haml&Sass,用於Windows的崇高文本2

1.自動將Haml(primary)和/或Sass的整個文件夾轉換爲靜態文檔(html/css)的最佳做法/效率是多少?

我有一個單獨的解決方案爲薩斯通過設置「手錶」。我正在尋找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,我可以建立在崇高的文本構建系統從運行構建菜單(http://docs.sublimetext.info/en/latest/file_processing/build_systems.html

3.或者我應該與所有功能於一身的是這樣的解決方案(可能成本幾塊錢)?有免費嗎?

http://fireapp.handlino.com/

我不介意有薩斯-watch單獨運行和Haml的另一輪詢機制。我只是想確保我有那裏的「最新」。

希望得到一些建議,我的獨特情況。謝謝。

回答

3

HAML

對於來自HAML自動轉換爲上海社會科學院你可以使用這個要點:https://gist.github.com/3898955。如果您想自動執行更多工作流程,可以使用https://github.com/alexnj/SublimeOnSaveBuild sublime包在文件保存上運行命令。

SASS:這裏

社科院是必要的設置。 https://gist.github.com/3899112

對於保存時的自動轉換,這裏也適用相同的規則,但在SublimeOnSaveBuild.sublime-settings文件中包含.sass.haml擴展名很重要。

所以你的文件應該是這樣的:

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

你可以按照自己的意願延長這一名單。