[RUBY] (Für Anfänger) [Rails] Zeitsparende Technik! So installieren und verwenden Sie slim

Einführung

Ich werde erklären, wie man die Ruby Template Engine slim installiert und verwendet: entspannt: In Rails wird HTML in eine Datei mit dem Namen "html.erb" geschrieben, aber es ist etwas mühsam, jedes Mal "

</ h1>" und "<%%>" einzugeben. Mit slim können Sie HTML präziser schreiben und den Entwicklungsaufwand reduzieren.

• ** Was ist erb ** Eingebetteter Rubin. Sie können Ihren Ruby-Code an einer beliebigen Stelle in Ihrer View-Datei ausführen.

1. schlanke Einführungsmethode

• Fügen Sie dem Gemfile im Rails-Verzeichnis zwei Edelsteine hinzu.

gem 'slim-rails'
#Edelstein für die Verwendung von Slim mit Schienen

gem 'html2slim'
#　html.erb html.Edelstein, um in schlank umzuwandeln

• Geben Sie "Bundle Install" in das Terminal ein, um die Edelsteinaddition widerzuspiegeln.

bundle install

• Geben Sie den folgenden Befehl in das Terminal ein, um die vorhandene Datei html.erb im Verzeichnis app / views in html.slim zu ändern.

bundle exec erb2slim app/views app/views

• Nachdem Sie bestätigt haben, dass die Slim-Datei hinzugefügt wurde, löschen Sie die vorhandene erb-Datei, da dies ärgerlich ist.

bundle exec erb2slim app/views app/views -d

• ** Um auf der sicheren Seite zu sein, empfehlen wir die Verwendung von "git commit", um den Status der Datei aufzuzeichnen. ** Wenn Sie eine Datei löschen und ein Problem haben, können Sie zum vorherigen Status von "git commit" zurückkehren.

git log
#Untersuchen Sie den Hash-Wert

git reset --harter Hashwert
#Der Hash-Wert, der herauskam--Wenn Sie es nach hart eingeben, kehrt es zum angegebenen Commit zurück.

2. schlankes Schreiben

Listen Sie die grundlegende Verwendung von slim auf.

Wie schreibe ich <%%>

• html

<% if %>

• slim -

- if

Wie schreibe ich <% =%>

• html

<%= puts hoge %>

• slim =

= puts hoge

Wie schreibe ich Text?

• html

<p>hoge<p>

• slim |

p 
 | hoge

So schreiben Sie ein Überschriften-Tag

• html

<h2>hogehoge</h2>

• schlank <> wird nicht benötigt

h2 hogehoge

Wie schreibe ich id

• html

<div id = id></div>

• slim #

#　id

Wie schreibe ich eine Klasse

• html

<div class = hoge></div>

• slim .

.hoge

Wie schreibe ich einen Kommentar

• html

<!-- hoge -->

• slim /

/hoge

Wenn Sie HTML und Slim vergleichen, können Sie sehen, dass das Schreiben sehr einfach ist.

Referenzartikel

Wenn Sie detailliertere Informationen wünschen, lesen Sie bitte die folgende URL.

• [Mit explosiver Geschwindigkeit lernen] Von der Verwendung von Slim mit Rails bis zur grundlegenden Grammatik

https://qiita.com/ngron/items/c03e68642c2ab77e7283

• Wie man Änderungen mit git commit festschreibt [Für Anfänger]

https://techacademy.jp/magazine/10172