[Middleman 3] Middleman: らくらく Slim 入門

Middleman を使って環境構築なしにすぐに入門する。
bundler 使ってるけれど。。。

インストール

楽をするために、先人のプロジェクトテンプレートを利用します。
お好みで。

shimoju/middleman-bootstrap-sass-slim

テンプレート化。

% git clone https://github.com/shimoju/middleman-bootstrap-sass-slim.git ~/.middleman/bootstrap-sass-slim
% middleman init test_middleman_bss --template=bootstrap-sass-slim
% cd test_middleman_bss
% bundle
% bundle exec middleman server

yterajima/my_middleman

git clone で。

% mkdir test_middleman_slim
% cd test_middleman_slim
% git init
% git pull git://github.com/yterajima/my_middleman.git
% bundle install --path vendor/bundler
% bundle exec middleman server

Sublime Text Syntax highlighter

Ruby Slim

cmd+shift+p のコマンドパレットから、Ruby Slime をインストールします。

情報

公式サイト

日本語

何も考えずに検索すると、関係の無い slim 案件が多数引っかかるので、下記を参考にする方が良いと思います。

このHTMLはSlimでどう書くのか?

変換する

form まわりで悩んだのですが、検索するより変換する方が速かった。

Hamlと比較する

わかりやすい。

あわせて Haml 入門

記事を分割しました。