[RUBY] (Pour les débutants) [Rails] Technologie de gain de temps! Comment installer et utiliser Slim

introduction

Apprenez à installer et à utiliser le moteur de modèles Ruby slim: détendu: Dans Rails, html est écrit dans un fichier appelé html.erb, mais il est un peu gênant d'entrer <h1> </ h1> ʻet <%%> ʻà chaque fois. Avec slim, vous pouvez écrire du HTML de manière plus concise et réduire l'effort de développement.

• ** Qu'est-ce que erb ** Ruby intégré. Vous pourrez exécuter votre code Ruby n'importe où dans votre fichier View.

1. méthode d'introduction mince

• Ajoutez deux gemmes au gemfile dans le répertoire rails.

gem 'slim-rails'
#Gemme pour l'utilisation mince avec des rails

gem 'html2slim'
#　html.erb html.Gemme à convertir en mince

• Tapez «bundle install» dans le terminal pour refléter l'ajout de gemmes.

bundle install

• Tapez la commande suivante dans le terminal pour basculer le fichier html.erb existant dans le répertoire app / views en html.slim.

bundle exec erb2slim app/views app/views

• Après avoir confirmé que le fichier slim a été ajouté, supprimez le fichier erb existant car il est ennuyeux.

bundle exec erb2slim app/views app/views -d

• ** Pour être prudent, nous vous recommandons d'utiliser git commit pour enregistrer l'état du fichier. ** Si vous supprimez un fichier et rencontrez un problème, vous pouvez revenir à l'état précédent de git commit.

git log
#Examiner la valeur de hachage

git reset --valeur de hachage dur
#La valeur de hachage qui est sortie--Si vous le saisissez après hard, il reviendra au commit spécifié.

2. écriture mince

Énumérez l'utilisation de base de slim.

Comment écrire <%%>

• html

<% if %>

• slim -

- if

Comment écrire <% =%>

• html

<%= puts hoge %>

• slim =

= puts hoge

Comment écrire du texte

• html

<p>hoge<p>

• slim |

p 
 | hoge

Comment écrire une balise de titre

• html

<h2>hogehoge</h2>

• slim <> n'est pas nécessaire

h2 hogehoge

Comment écrire un identifiant

• html

<div id = id></div>

• slim #

#　id

Comment écrire un cours

• html

<div class = hoge></div>

• slim .

.hoge

Comment rédiger un commentaire

• html

<!-- hoge -->

• slim /

/hoge

Si vous comparez html et slim, vous pouvez voir que c'est très simple à écrire.

Article de référence

Si vous souhaitez obtenir des informations plus détaillées, veuillez vous référer à l'URL suivante.

• [Apprenez à une vitesse explosive] De la façon d'utiliser Slim avec Rails à la grammaire de base

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

• Comment valider les modifications en utilisant git commit [Pour les débutants]

https://techacademy.jp/magazine/10172