◯参考
- Haml
- Rails – テンプレートエンジン => Haml、Slimって何？ – Qiita
- 日本Hamlの会
- マークアッパー的 Haml入門21の手引き – Web学び
- Hamlで開発効率アップ｜Sublime text 2でビルドしてみました。 ｜ Developers.IO
Sublime Text使うので主にクラスメソッドさんのを参考に。
◯手順
（してない人）Rubyのインストール or アップデート
gem update --system
Hamlのインストール
gem install haml
sudoがいるかも
Sublime Textのメニュー Tools > Build System > New Build System クリック。設定ファイルに
{
"cmd": "haml",
"selector": "source.haml",
"working_dir": "${file_path}",
"windows":
{
"cmd": ["haml.bat", "$file", "$file_path/$file_base_name.html"]
},
"osx":
{
"cmd": ["haml", "$file", "$file_path/$file_base_name.html"]
}
}
をコピペし、haml.sublime-buildの名前で …/Packages/User/ の下に保存。
haml.sublime-buildは閉じて、新規ファイル作成。
ビルドシステム設定。Sublime Textのメニュー Tools > Build System > haml
テスト
!!!
と打って、hoge.hamlでデスクトップに保存。
Ctrl+B押してビルド。
デスクトップにhoge.htmlが生成され
<!DOCTYPE html>
となっていれば成功
保存時（⌘S）に自動でビルドするために
Package ControllからSublimeOnSaveBuildをインストールして、
Sublime TextのメニューPrerences > Package Setting > SublimeOnSaveBuild > settings – User で
{
"filename_filter": ".(css|js|sass|less|scss|haml)$",
"build_on_save": 1
}
とすれば⌘Sでビルドされるように。
とりあえず導入のみ、書き方については追々できるように