【rails】hamlとは

※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。

hamlとは

実際の開発環境ではhtmlにrubyを埋め込むようなことはしない

代わりに「haml」でコードを書いていく

リンク:https://haml.info/

htmlとhamlの変換はツールに頼ればok!


hamlitをインストールする

VScodeのGemfileにhamlitを追加する

↓実際に使うGem

gem 'hamlit'

(hamlよりhamlitのほうが早い)


gem ‘erb2haml’

↓変換用のGemを入れる

group :development do
  # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
  gem 'listen', '~> 3.2'
  gem 'web-console', '>= 3.3.0'
  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
  gem 'erb2haml'
end

warp画面でインストールする

bundle install

bundle exec rake haml:replace_erbs

インストール後は変換ツールが使えるようになる

warp画面で実行する

bundle exec rake haml:replace_erbs

これまで書いたhtmlがhamlに変換されていく


サーバーを再起動する

erbでファイルを作っていたがhamlになっているので、開発中の画面はエラーが起きる

rails s

解決するには、サーバーを立ち上げ直してhamlの設定を読み込めばok!

#DAY16